@politie/angular-testcafe-builder

angular-testcafe

A custom Angular builder for TestCafe. Serves the Angular application, and then runs the TestCafe tests.

Install

$ npm install --save-dev @politie/angular-testcafe-builder

Use in angular.json

{
  "projects": {
    "my-project-e2e": {
      "architect": {
        "e2e": {
          "builder": "@politie/angular-testcafe-builder:testcafe",
          "options": {
            "browsers": [
              "chrome --no-sandbox",
              "firefox"
            ],
            "src": ["e2e/*.e2e-spec.ts"],
            "reporters": [
              {
                "name": "html",
                "output": "path/to/my/report.html"
              },
              {
                "name": "spec"
              }
            ]
          }
        }
      }
    }
  }
}

NOTE: check schema.json for a list of all options

A tutorial how to use Angular and Testcafe combined with this builder can be found here

build

$ npm run build

pack

$ npm pack

NOT Implemented (TODO):

• remote browsers
• QR code
• video
• ssl
• clientScripts

Changelog

v2.0.5 (2019-10-24)

• Possible to use either string or string[] as src property
• screenshot options are nested in the screenshot property:

"screenshots": {
    "path": "./target/testreport/screenshots",
    "takeOnFails": true,
    "pathPattern": "test-${TEST_INDEX}-${FILE_INDEX}_${QUARANTINE_ATTEMPT}",
    "fullPage": false
    }