Fix log popup size (#35)

* fixed width and height of error and logs overlay

Author: AlexGalichenko

CHANGELOG.MD

@@ -1,4 +1,4 @@
-# 0.14.2
+# 0.14.3
 - fixed width and height of error and logs overlay
 
 # 0.14.1

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@qavajs/html-formatter",
-  "version": "0.14.2",
+  "version": "0.14.3",
   "main": "formatter/formatter.js",
   "scripts": {
     "report:compile": "node test/compile_report.js",

package.json

@@ -11,11 +11,11 @@ import {
 export const ErrorModal = (modalProps: any) => {
     return <>
         <ModalBlocker blockerShadow='dark' {...modalProps}>
-            <ModalWindow style={{width: '90vw', margin: 'auto', height: '60vh'}}>
+            <ModalWindow style={{width: '90vw', margin: 'auto'}}>
                 <Panel background="white">
                     <ModalHeader title="Error" onClose={() => modalProps.success('close')}/>
                         <FlexRow padding='24'>
-                            <pre style={{width: '100%', overflow: 'auto'}}>
+                            <pre style={{width: '100%', overflow: 'auto', height: '60vh'}}>
                                 {modalProps.error}
                             </pre>
                         </FlexRow>

src/components/ErrorModal.tsx

@@ -11,11 +11,11 @@ import {
 export const LogsModal = (modalProps: any) => {
     return <>
         <ModalBlocker blockerShadow='dark' {...modalProps}>
-            <ModalWindow style={{width: '90vw', margin: 'auto', height: '60vh'}}>
+            <ModalWindow style={{width: '90vw', margin: 'auto'}}>
                 <Panel background="white">
                     <ModalHeader title="Logs" onClose={() => modalProps.success('close')}/>
                         <FlexRow padding='24'>
-                            <pre style={{width: '100%', overflow: 'auto'}}>
+                            <pre style={{width: '100%', overflow: 'auto', height: '60vh'}}>
                                 {modalProps.logs.map((log: any, index: number) => <div key={index}>{log.data}</div>)}
                             </pre>
                         </FlexRow>

src/components/LogsModal.tsx

@@ -8,3 +8,6 @@ Feature: Logs
 
   Scenario: scenario dollar replace
     And I expect 'some string' to match '^120$'
+
+  Scenario: scenario passed with huge log
+    When passed step with huge log

test/features/Logs.feature

@@ -61,9 +61,15 @@ When('unsupported base64 attachment', function () {
 
 When('passed step with log', function () {
     this.log('some information in passed step');
-    this.log('one more log line')
+    this.log('one more log line');
+});
 
+When('passed step with huge log', function () {
+    for (let i = 0; i < 100; i++) {
+        this.log('one more log line '.repeat(100));
+    }
 });
+
 When('failed step with log', function () {
     this.log('some information in failed step');
     this.log('ER: expected result');