test: check no more duplications in gherkin step due to empty parameters

Author: mcarleio

src/components/gherkin/GherkinStep.spec.tsx

@@ -1,51 +1,90 @@
-import { Query as GherkinQuery } from '@cucumber/gherkin-utils'
-import * as messages from '@cucumber/messages'
-import { Query as CucumberQuery } from '@cucumber/query'
-import { expect } from 'chai'
-import React from 'react'
-
-import { render } from '../../../test-utils/index.js'
-import { GherkinStep } from './GherkinStep.js'
-
-describe('<GherkinStep>', () => {
-  it('renders', () => {
-    const step: messages.Step = {
-      keyword: 'Given',
-      text: 'the 48 pixies',
-      location: { column: 1, line: 1 },
-      id: '123',
-    }
-
-    class StubCucumberQuery extends CucumberQuery {
-      public getStepMatchArgumentsLists(): messages.StepMatchArgumentsList[] {
-        return [
-          {
-            stepMatchArguments: [
-              {
-                group: {
-                  start: 4,
-                  value: '48',
-                  children: [],
-                },
-              },
-            ],
-          },
-        ]
-      }
-    }
-
-    class StubGherkinQuery extends GherkinQuery {
-      getPickleStepIds(): string[] {
-        return ['dummy-id']
-      }
-    }
-
-    const { container } = render(<GherkinStep step={step} hasExamples={false} />, {
-      gherkinQuery: new StubGherkinQuery(),
-      cucumberQuery: new StubCucumberQuery(),
-    })
-
-    expect(container).to.contain.text('Given')
-    expect(container).to.contain.text('the 48 pixies')
-  })
-})
+import { Query as GherkinQuery } from '@cucumber/gherkin-utils'
+import * as messages from '@cucumber/messages'
+import { Query as CucumberQuery } from '@cucumber/query'
+import { expect } from 'chai'
+import React from 'react'
+
+import { render } from '../../../test-utils/index.js'
+import { GherkinStep } from './GherkinStep.js'
+
+describe('<GherkinStep>', () => {
+  it('renders', () => {
+    const step: messages.Step = {
+      keyword: 'Given',
+      text: 'the 48 pixies',
+      location: { column: 1, line: 1 },
+      id: '123',
+    }
+
+    class StubCucumberQuery extends CucumberQuery {
+      public getStepMatchArgumentsLists(): messages.StepMatchArgumentsList[] {
+        return [
+          {
+            stepMatchArguments: [
+              {
+                group: {
+                  start: 4,
+                  value: '48',
+                  children: [],
+                },
+              },
+            ],
+          },
+        ]
+      }
+    }
+
+    class StubGherkinQuery extends GherkinQuery {
+      getPickleStepIds(): string[] {
+        return ['dummy-id']
+      }
+    }
+
+    const { container } = render(<GherkinStep step={step} hasExamples={false} />, {
+      gherkinQuery: new StubGherkinQuery(),
+      cucumberQuery: new StubCucumberQuery(),
+    })
+
+    expect(container).to.contain.text('Given')
+    expect(container).to.contain.text('the 48 pixies')
+  })
+  it('empty parameters are respected correctly', () => {
+    const step: messages.Step = {
+      keyword: 'Given',
+      text: 'the order is placed',
+      location: { column: 1, line: 1 },
+      id: '123',
+    }
+
+    class StubCucumberQuery extends CucumberQuery {
+      public getStepMatchArgumentsLists(): messages.StepMatchArgumentsList[] {
+        return [
+          {
+            stepMatchArguments: [
+              {
+                group: {
+                  start: 9,
+                  value: '',
+                  children: [],
+                },
+              },
+            ],
+          },
+        ]
+      }
+    }
+
+    class StubGherkinQuery extends GherkinQuery {
+      getPickleStepIds(): string[] {
+        return ['dummy-id']
+      }
+    }
+
+    const { container } = render(<GherkinStep step={step} hasExamples={false} />, {
+      gherkinQuery: new StubGherkinQuery(),
+      cucumberQuery: new StubCucumberQuery(),
+    })
+
+    expect(container).to.not.contain.text('the orderthe order is placed')
+  })
+})