Print attachment step text on error format

features/error_formatting.feature

@@ -54,7 +54,7 @@ Feature: Error formatting
       """
       import {Given} from 'cucumber'
 
-      Given(/^a basic step$/, function() {})
+      Given(/^a basic step$/, function() { this.attach('Basic info.') })
       Given(/^a step with a doc string$/, function(str) {})
       Given(/^a pending step$/, function() { return 'pending' })
       """
@@ -65,6 +65,7 @@ Feature: Error formatting
 
       1) Scenario: some scenario # features/a.feature:3
          ✔ Given a basic step # features/step_definitions/cucumber_steps.js:3
+            ℹ Basic info.
          ✔ And a step with a doc string # features/step_definitions/cucumber_steps.js:4
              \"\"\"
              my doc string

src/formatter/helpers/issue_helpers.js

@@ -93,6 +93,18 @@ function formatStep({
   }
   text += '\n'
 
+  if (Array.isArray(testStep.attachments)) {
+    testStep.attachments
+      .filter(({ media }) => media.type === 'text/plain')
+      .forEach(({ data }) => {
+        text +=
+          indentString(
+            colorFns[Status.UNDEFINED](figures.info + ' ' + data),
+            4
+          ) + '\n'
+      })
+  }
+
   if (pickleStep) {
     let str
     const iterator = buildStepArgumentIterator({

src/formatter/helpers/issue_helpers_spec.js

@@ -235,5 +235,62 @@ describe('IssueHelpers', () => {
         )
       })
     })
+
+    describe('step with attachment text', () => {
+      beforeEach(function() {
+        this.testCase.steps[0].result = this.passedStepResult
+        this.testCase.steps[0].attachments = [
+          {
+            data: 'First info.',
+            media: {
+              type: 'text/plain',
+            },
+          },
+          {
+            data: 'Nop',
+            media: {
+              type: 'text/special',
+            },
+          },
+          {
+            data: 'Second info.',
+            media: {
+              type: 'text/plain',
+            },
+          },
+        ]
+        this.testCase.steps[1] = {
+          actionLocation: { line: 3, uri: 'steps.js' },
+          sourceLocation: { line: 4, uri: 'a.feature' },
+          result: {
+            exception: 'error',
+            status: Status.FAILED,
+          },
+        }
+        this.testCase.steps[1].attachments = [
+          {
+            data: 'Third info.',
+            media: {
+              type: 'text/plain',
+            },
+          },
+        ]
+        this.testCase.steps[2].result = this.skippedStepResult
+        this.formattedIssue = formatIssue(this.options)
+      })
+
+      it('prints the scenario', function() {
+        expect(this.formattedIssue).to.eql(
+          '1) Scenario: my scenario # a.feature:2\n' +
+            `   ${figures.tick} Given step1 # steps.js:2\n` +
+            `       ${figures.info} First info.\n` +
+            `       ${figures.info} Second info.\n` +
+            `   ${figures.cross} When step2 # steps.js:3\n` +
+            `       ${figures.info} Third info.\n` +
+            '       error\n' +
+            '   - Then step3 # steps.js:4\n\n'
+        )
+      })
+    })
   })
 })