Starter project to write E2E tests with cucumber-js and playwright-fluent in TypeScript language.

!!! Use this template only with cucumber-js v6: do not update cucumber-js dependencies to the v7 versions. If you want to use cucumber-js v7 please use this template !!!

• run the command npm install.

• run the command npm test.
  • tests will run by default with the chromium version installed by playwright

• to run the tests with webkit : npm run test-webkit
• to run the tests with firefox : npm run test-firefox
• to run the tests with chrome : npm run test-chrome

• tag the scenario with @debug
• set the breakpoints in the typescript code
• Start debugging

• tag the scenario(s) with @only
• run script:

npm run only

• tag the scenario(s) with @live
• run script:

npm run live

The browser will stay opened at the end of the tests execution.

• tag the scenario with @ignore

• run the command npm run build.

• run the command npm run report.
• the HTML report will automatically include:
  • a screenshot whenever an error occured,
  • all page errors (uncaught exceptions in the console) if any
  • all failed requests if any
  • the last ten requests

• run the command npm run steps-usage.

• first write the Given/When/Then sentence:

  Given I push "foo" on "bar"

• tag the scenario with @live and save the feature file.

• run the npm script:

  npm run snippets

• the script will report the missing step(s): you just need to copy and paste them in the step definitions file:

  Given('I push {string} on {string}', async function (string, string2) {
    // Write code here that turns the phrase above into concrete actions
    return 'pending';
  });

• add your custom option to the CLI that starts cucumber:

./node_modules/.bin/cucumber-js features/**/*.feature --foo=bar 

• use it at runtime:

if (this.cliArgs.foo === 'bar') {
  // custom code for option --foo=bar
}

• cutomize the given Custom World Object : custom-world