2022-11-14 14:18:03 +00:00
|
|
|
# Puppeteer Angular Schematic
|
2022-11-09 13:52:10 +00:00
|
|
|
|
2022-11-14 14:18:03 +00:00
|
|
|
Adds Puppeteer-based e2e tests to your Angular project.
|
2022-11-09 13:52:10 +00:00
|
|
|
|
|
|
|
## Usage
|
|
|
|
|
2022-11-14 14:18:03 +00:00
|
|
|
Run the command bellow in an Angular CLI app directory and follow the prompts.
|
2022-11-09 13:52:10 +00:00
|
|
|
_Note this will add the schematic as a dependency to your project._
|
|
|
|
|
|
|
|
```bash
|
2022-11-14 14:18:03 +00:00
|
|
|
ng add @puppeteer/ng-schematics
|
2022-11-09 13:52:10 +00:00
|
|
|
```
|
|
|
|
|
2022-11-14 14:18:03 +00:00
|
|
|
Or you can use the same command followed by the [options](#options) bellow.
|
|
|
|
|
|
|
|
Currently, this schematic supports the following test frameworks:
|
|
|
|
|
|
|
|
- **Jasmine** [https://jasmine.github.io/]
|
|
|
|
- **Jest** [https://jestjs.io/]
|
|
|
|
- **Mocha** [https://mochajs.org/]
|
|
|
|
- **Node Test Runner** _(Experimental)_ [https://nodejs.org/api/test.html]
|
|
|
|
|
2022-11-22 13:02:24 +00:00
|
|
|
With the schematics installed you can run E2E tests:
|
2022-11-09 13:52:10 +00:00
|
|
|
|
|
|
|
```bash
|
2022-11-22 13:02:24 +00:00
|
|
|
ng e2e
|
2022-11-09 13:52:10 +00:00
|
|
|
```
|
|
|
|
|
2022-11-22 13:02:24 +00:00
|
|
|
> Note: Server must be running before executing the command.
|
|
|
|
|
2022-11-14 14:18:03 +00:00
|
|
|
## Options
|
|
|
|
|
|
|
|
When adding schematics to your project you can to provide following options:
|
|
|
|
|
|
|
|
| Option | Description | Value | Required |
|
|
|
|
| -------------------- | ----------------------------------------------------------------------------------------------------------------------- | ------------------------------------------ | -------- |
|
|
|
|
| `--exportConfig` | When true, creates an empty [Puppeteer configuration](https://pptr.dev/guides/configuration) file. (`.puppeteerrc.cjs`) | `boolean` | `true` |
|
|
|
|
| `--testingFramework` | The testing framework to install along side Puppeteer. | `"jasmine"`, `"jest"`, `"mocha"`, `"node"` | `true` |
|
|
|
|
|
2022-11-09 13:52:10 +00:00
|
|
|
### Unit Testing
|
|
|
|
|
|
|
|
The schematics utilize `@angular-devkit/schematics/testing` for verifying correct file creation and `package.json` updates. To execute the test suit:
|
|
|
|
|
|
|
|
```bash
|
|
|
|
npm run test
|
|
|
|
```
|