Update dependency @cucumber/compatibility-kit to v18 (#33)

* Update dependency @cucumber/compatibility-kit to v18

* refactor cck on our side

* bump cck dep for bug fix

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: David Goss <[email protected]>

Author: renovate[bot]

package-lock.json

@@ -36,7 +36,7 @@
     "type-fest": "^4.33.0"
   },
   "devDependencies": {
-    "@cucumber/compatibility-kit": "^17.0.0",
+    "@cucumber/compatibility-kit": "^18.0.1",
     "@eslint/compat": "^1.2.5",
     "@eslint/eslintrc": "^3.2.0",
     "@eslint/js": "^9.18.0",

package.json

@@ -0,0 +1,14 @@
+import { When } from '@cucumber/node'
+import fs from 'node:fs'
+
+When('a JPEG image is attached', async (t) => {
+  await t.attach(fs.createReadStream(import.meta.dirname + '/cucumber.jpeg'), {
+    mediaType: 'image/jpeg',
+  })
+})
+
+When('a PNG image is attached', async (t) => {
+  await t.attach(fs.createReadStream(import.meta.dirname + '/cucumber.png'), {
+    mediaType: 'image/png',
+  })
+})

test/cck/examples-tables-attachment/cucumber.jpeg

@@ -0,0 +1,14 @@
+import fs from 'node:fs'
+import {Before,After,When} from '@cucumber/node'
+
+Before(async (t) => {
+  await t.attach(fs.createReadStream(import.meta.dirname + '/cucumber.svg'), {mediaType: 'image/svg+xml'})
+})
+
+When('a step passes', () => {
+  // no-op
+})
+
+After(async (t) => {
+  await t.attach(fs.createReadStream(import.meta.dirname + '/cucumber.svg'), {mediaType: 'image/svg+xml'})
+})

test/cck/examples-tables-attachment/cucumber.png

@@ -0,0 +1,21 @@
+import {Before,After,When} from '@cucumber/node'
+
+Before({tagFilter: '@passing-hook'}, async () => {
+  // no-op
+})
+
+Before({tagFilter: '@fail-before'}, () => {
+  throw new Error('Exception in conditional hook')
+})
+
+When('a step passes', () => {
+  // no-op
+})
+
+After({tagFilter: '@fail-after'}, () => {
+  throw new Error('Exception in conditional hook')
+})
+
+After({tagFilter: '@passing-hook'}, async () => {
+  // no-op
+})

test/cck/examples-tables-attachment/support.mjs

@@ -0,0 +1,13 @@
+import {Before,After,When} from '@cucumber/node'
+
+Before({ name: 'A named before hook' }, () => {
+  // no-op
+})
+
+When('a step passes', () => {
+  // no-op
+})
+
+After({ name: 'A named after hook' }, () => {
+  // no-op
+})

test/cck/hooks/cucumber.svg renamed to test/cck/hooks-attachment/cucumber.svg

@@ -1,15 +1,9 @@
-import fs from 'node:fs'
-import path from 'node:path'
 import {Before,After,When} from '@cucumber/node'
 
 Before(() => {
   // no-op
 })
 
-Before({name: 'A named hook'}, () => {
-  // no-op
-})
-
 When('a step passes', () => {
   // no-op
 })
@@ -20,17 +14,4 @@ When('a step fails', () => {
 
 After(() => {
   // no-op
-})
-
-After({
-  tagFilter: '@some-tag or @some-other-tag'
-}, () => {
-  throw new Error('Exception in conditional hook')
-})
-
-After({tagFilter: '@with-attachment'}, async (t) => {
-  await t.attach(fs.createReadStream(path.join(
-    import.meta.dirname,
-    'cucumber.svg',
-  )), {mediaType: 'image/svg+xml'})
 })