Update TypeScript preprocessor examples (items.map is not a function)

Current behavior

If I follow the webpack-preprocessor or browsify-preprocessor examples for TypeScript projects (see https://github.com/badeball/cypress-cucumber-preprocessor/tree/e450dc107374071c26318f14f351f56d559e7670/examples/browserify-ts) for cypress.config.ts in a TypeScript/Angular project, all of my tests throw the following error on line 576 of node_modules/@badeball/cypress-cucumber-preprocessor/lib/create-tests.js :

TypeError items.map is not a function node_modules/@badeball/cypress-cucumber-preprocessor/lib/create-tests.js:576:1

  574 |         : noStepDefinitionPathsTemplate;
  575 |     const maybeEscape = (string) => strictIsInteractive() ? string.replace("*", "\\*") : string;
> 576 |     const prettyPrintList = (items) => items.map((item) => "  - " + maybeEscape(item)).join("\n");
      | ^
  577 |     return stripIndent(template)
  578 |         .replaceAll("<text>", text)
  579 |         .replaceAll("<step-definitions>", prettyPrintList(stepDefinitionHints.stepDefinitions))

Desired behavior

The documentation and examples should work without these errors in TypeScript projects.

Test code to reproduce

Versions

• Cypress version: 10.3.0
• Preprocessor version: 11.5.1
• Node version: 16.14.0

Checklist

• [ x] I’ve read the FAQ.
• [x ] I’ve read Instructions for logging issues.
• [ x] I’m not using cypress-cucumber-preprocessor@4.3.1 (package name has changed and it is no longer the most recent version, see #689).

[badeball]

A fix for the above-mentioned issue has been released in v12.0.0.

[badeball]

You’ve indeed stumbled upon a bug, in part of the code that was going to show you a more thorough and informative error message. It has nothing to do with Angular though. For now you can circumvent it by configuring step definitions as array of string(s) instead of a string.