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');