puppeteer/packages/ng-schematics
Nikolay Vitkov 51d75a0a50
chore(ng-schematics): Use WireIt for builds and tests (#9356)
**What kind of change does this PR introduce?**

It moves all the `ng-schematics` commands to WireIt

**Did you add tests for your changes?**

N/A

**Summary**

We want all our packages to use the same processes to build and test.
This also allows us to have better build times and also watch mode 👀.

**Does this PR introduce a breaking change?**

No

**Other information**
2022-12-05 10:35:31 +01:00
..
src chore(ng-schematics): Spawn server when running ng e2e (#9306) 2022-11-23 13:10:03 +01:00
test/src chore(ng-schematics): Spawn server when running ng e2e (#9306) 2022-11-23 13:10:03 +01:00
.eslintignore chore: Add Jest as a ng-schematics option (#9257) 2022-11-11 14:38:52 +01:00
.gitignore chore(ng-schematics): Add Angular Schematics (#9222) 2022-11-09 14:52:10 +01:00
.mocharc.cjs chore(ng-schematics): Add Angular Schematics (#9222) 2022-11-09 14:52:10 +01:00
CHANGELOG.md chore: release main (#9313) 2022-11-23 14:14:25 +01:00
copySchemaFiles.js chore(ng-schematics): Add Angular Schematics (#9222) 2022-11-09 14:52:10 +01:00
package-lock.json chore: release main (#9313) 2022-11-23 14:14:25 +01:00
package.json chore(ng-schematics): Use WireIt for builds and tests (#9356) 2022-12-05 10:35:31 +01:00
README.md chore(ng-schematics): Spawn server when running ng e2e (#9306) 2022-11-23 13:10:03 +01:00
tsconfig.json chore(ng-schematics): Use WireIt for builds and tests (#9356) 2022-12-05 10:35:31 +01:00
tsconfig.spec.json chore(ng-schematics): Use WireIt for builds and tests (#9356) 2022-12-05 10:35:31 +01:00

Puppeteer Angular Schematic

Adds Puppeteer-based e2e tests to your Angular project.

Usage

Run the command bellow in an Angular CLI app directory and follow the prompts. Note this will add the schematic as a dependency to your project.

ng add @puppeteer/ng-schematics

Or you can use the same command followed by the options bellow.

Currently, this schematic supports the following test frameworks:

With the schematics installed you can run E2E tests:

ng e2e

Note: Command spawns it's own server on the same port ng serve does.

Options

When adding schematics to your project you can to provide following options:

Option Description Value Required
--isDefaultTester When true, replaces default ng e2e command. boolean true
--exportConfig When true, creates an empty Puppeteer configuration file. (.puppeteerrc.cjs) boolean true
--testingFramework The testing framework to install along side Puppeteer. "jasmine", "jest", "mocha", "node" true

Contributing

Check out our contributing guide to get an overview of what you need to develop in the Puppeteer repo.

Unit Testing

The schematics utilize @angular-devkit/schematics/testing for verifying correct file creation and package.json updates. To execute the test suit:

npm run test