added support of named attachments (#31)

Author: AlexGalichenko

CHANGELOG.MD

@@ -1,3 +1,6 @@
+# 0.14.0
+- added support of named attachments
+
 # 0.13.0
 - replaced legacy json formatter with custom one based on cucumber messages
 - added support of named hooks

README.md

@@ -31,3 +31,13 @@ or pass `--format @qavajs/html-formatter:report.html` in cli
 
 Kudos to https://github.com/epam/UUI for providing components
 
+## Development
+
+`npm install`
+
+`npm run report:generate`
+
+`npm run report:compile:dev`
+
+`npm start`
+

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@qavajs/html-formatter",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "main": "formatter/formatter.js",
   "scripts": {
     "report:compile": "node test/compile_report.js",
@@ -39,17 +39,17 @@
   ],
   "devDependencies": {
     "@babel/core": "^7.21.0",
-    "@cucumber/cucumber": "^9.1.0",
+    "@cucumber/cucumber": "^9.3.0",
     "@epam/assets": "^4.10.1-beta.1",
     "@epam/promo": "^4.10.1-beta.1",
     "@epam/uui-components": "^4.10.1-beta.1",
     "@epam/uui-core": "^4.10.1-beta.1",
     "@pmmmwh/react-refresh-webpack-plugin": "0.4.3",
-    "@qavajs/cli": "^0.26.0",
-    "@qavajs/console-formatter": "^0.2.1",
-    "@qavajs/memory": "^1.5.1",
-    "@qavajs/po-playwright": "^0.0.9",
-    "@qavajs/steps-playwright": "^0.26.0",
+    "@qavajs/cli": "^0.27.0",
+    "@qavajs/console-formatter": "^0.5.0",
+    "@qavajs/memory": "^1.6.1",
+    "@qavajs/po-playwright": "^0.11.0",
+    "@qavajs/steps-playwright": "^0.29.1",
     "@qavajs/xunit-formatter": "^0.0.4",
     "@svgr/webpack": "5.5.0",
     "@testing-library/jest-dom": "^5.16.5",

package.json

@@ -98,3 +98,7 @@ footer {
 .div[role=table] > div:first-child {
     z-index: 0;
 }
+
+.stepText {
+    margin-right: 10px;
+}

src/App.module.scss

@@ -74,11 +74,10 @@ export const Step = ({step}: {step: any}) => {
     const logs = step.embeddings
         ? step.embeddings.filter((embedding: any) => embedding.mime_type === 'text/x.cucumber.log+plain')
         : [];
-
     return <div style={{display: 'block'}}>
         <div style={{display: 'inline-flex'}}>
             {icon(step.result.status)}
-            <Text fontSize='16'>{`${step.name ?? step.keyword}`}</Text>
+            <Text fontSize='16' cx={css.stepText}>{`${step.name ?? step.keyword}`}</Text>
             {step.result.status === 'failed' && step.result.error_message && <IconButton
                 icon={ ErrorIcon }
                 color='red'
@@ -94,7 +93,7 @@ export const Step = ({step}: {step: any}) => {
                 .map((embedding: any, index: any) => <LinkButton
                     key={index}
                     icon={ AttachmentIcon }
-                    caption={ embedding.mime_type }
+                    caption={ embedding.fileName ?? embedding.mime_type }
                     onClick={ handleAttachmentClick(embedding, svc) }
                 />)
             }

src/components/Step.tsx

@@ -52,3 +52,8 @@ Feature: Attachment
     And I click 'Feature > #multiple attachments in Scenarios > #multiple attachments in Steps > #2 of Attachments'
     And I expect text of 'Attachment Overlay > Title' to be equal 'Attachment'
     And I expect 'src' attribute of 'Attachment Overlay > Image' to be equal 'data:image/png;base64,{$pngFullSizeBase64}'
+
+  Scenario: verify named attachment
+    When I click 'Main > Features Table > #ATTACHMENT in Rows > Name'
+    And I click 'Feature > #named attachment in Scenarios > Title'
+    And I expect text of 'Feature > #named attachment in Scenarios > #Attachment in Steps > #1 of Attachments' to be equal 'Named Attachment'

test-e2e/features/Attachment.feature

@@ -27,3 +27,6 @@ Feature: Attachments
 
   Scenario: unsupported attachments
     When unsupported base64 attachment
+
+  Scenario: named attachment
+    When named attachment

test/features/Attachment.feature

@@ -4,9 +4,8 @@ const common = {
         'test/step_definitions/custom_steps.ts'
     ],
     format: [
-        'json:test/report.json',
         './formatter/formatter:test/report.html',
-        './formatter/json_formatter:test/report_new.json'
+        './formatter/json_formatter:test/report.json'
     ],
     formatOptions: {
         htmlConfig: {

test/report.ts

@@ -35,6 +35,13 @@ When('json attachment', function () {
     }), 'application/json');
 });
 
+When('named attachment', function () {
+    this.attach('I\'m base 64 encoded text', {
+        mediaType: 'base64:text/plain',
+        fileName: 'Named Attachment'
+    });
+});
+
 When('text base64 attachment', function () {
     this.attach('I\'m base 64 encoded text', 'base64:text/plain');
 });