puppeteer/packages/ng-schematics
dependabot[bot] cd8eec3222
chore(deps): Bump @angular-devkit/schematics from 14.2.8 to 15.0.3 (#9413)
Bumps
[@angular-devkit/schematics](https://github.com/angular/angular-cli)
from 14.2.8 to 15.0.3.
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a
href="https://github.com/angular/angular-cli/releases"><code>@​angular-devkit/schematics</code>'s
releases</a>.</em></p>
<blockquote>
<h2>v15.0.3</h2>
<p><!-- raw HTML omitted --><!-- raw HTML omitted --></p>
<h1>15.0.3 (2022-12-07)</h1>
<h3><code>@​angular-devkit/build-angular</code></h3>
<table>
<thead>
<tr>
<th>Commit</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a
href="3d9971edb0"><img
src="https://img.shields.io/badge/3d9971edb-fix-green" alt="fix -
3d9971edb" /></a></td>
<td>default preserve symlinks to Node.js value for esbuild</td>
</tr>
<tr>
<td><a
href="24f4b51d22"><img
src="https://img.shields.io/badge/24f4b51d2-fix-green" alt="fix -
24f4b51d2" /></a></td>
<td>downlevel class fields with Safari &lt;= v15 for esbuild</td>
</tr>
<tr>
<td><a
href="45afc42db8"><img
src="https://img.shields.io/badge/45afc42db-fix-green" alt="fix -
45afc42db" /></a></td>
<td>downlevel class properties when targeting Safari &lt;=v15</td>
</tr>
<tr>
<td><a
href="e6461badf7"><img
src="https://img.shields.io/badge/e6461badf-fix-green" alt="fix -
e6461badf" /></a></td>
<td>prevent optimization adding unsupported ECMASCript features</td>
</tr>
</tbody>
</table>
<h2>Special Thanks</h2>
<p>Charles Lyding, Dominic Elm and Paul Gschwendtner</p>
<h2>v15.0.2</h2>
<p><!-- raw HTML omitted --><!-- raw HTML omitted --></p>
<h1>15.0.2 (2022-11-30)</h1>
<h3><code>@​angular-devkit/build-angular</code></h3>
<table>
<thead>
<tr>
<th>Commit</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a
href="2891d5bc9e"><img
src="https://img.shields.io/badge/2891d5bc9-fix-green" alt="fix -
2891d5bc9" /></a></td>
<td>correctly set Sass quietDeps and verbose options</td>
</tr>
</tbody>
</table>
<h3><code>@​ngtools/webpack</code></h3>
<table>
<thead>
<tr>
<th>Commit</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a
href="d9cc4b0289"><img
src="https://img.shields.io/badge/d9cc4b028-fix-green" alt="fix -
d9cc4b028" /></a></td>
<td>elide unused type references</td>
</tr>
</tbody>
</table>
<h2>Special Thanks</h2>
<p>Alan Agius and Juuso Valkeejärvi</p>
<h2>v15.0.1</h2>
<p><!-- raw HTML omitted --><!-- raw HTML omitted --></p>
<h1>15.0.1 (2022-11-23)</h1>
<h3><code>@​schematics/angular</code></h3>
<table>
<thead>
<tr>
<th>Commit</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a
href="48426852b0"><img
src="https://img.shields.io/badge/48426852b-fix-green" alt="fix -
48426852b" /></a></td>
<td>show warning when a TS Config is not found during migrations</td>
</tr>
</tbody>
</table>
<h3><code>@​angular/cli</code></h3>
<table>
<thead>
<tr>
<th>Commit</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a
href="eda96def48"><img
src="https://img.shields.io/badge/eda96def4-fix-green" alt="fix -
eda96def4" /></a></td>
<td>use global version of the CLI when running <code>ng new</code></td>
</tr>
</tbody>
</table>
<h3><code>@​angular-devkit/build-angular</code></h3>
<table>
<thead>
<tr>
<th>Commit</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a
href="2af32fd3a9"><img
src="https://img.shields.io/badge/2af32fd3a-fix-green" alt="fix -
2af32fd3a" /></a></td>
<td>hide loader paths in webpack warnings</td>
</tr>
<tr>
<td><a
href="19f5cc746e"><img
src="https://img.shields.io/badge/19f5cc746-fix-green" alt="fix -
19f5cc746" /></a></td>
<td>improve package deep import Sass index resolution in esbuild
plugin</td>
</tr>
<tr>
<td><a
href="2220a907da"><img
src="https://img.shields.io/badge/2220a907d-fix-green" alt="fix -
2220a907d" /></a></td>
<td>use url function lexer to rebase Sass URLs</td>
</tr>
</tbody>
</table>
<h2>Special Thanks</h2>
<p>Alan Agius, Charles Lyding, Doug Parker, Joey Perrott and Piotr
Wysocki</p>
<h2>v15.0.0</h2>
<p><!-- raw HTML omitted --><!-- raw HTML omitted --></p>
<h1>15.0.0 (2022-11-16)</h1>
<!-- raw HTML omitted -->
</blockquote>
<p>... (truncated)</p>
</details>
<details>
<summary>Changelog</summary>
<p><em>Sourced from <a
href="https://github.com/angular/angular-cli/blob/main/CHANGELOG.md"><code>@​angular-devkit/schematics</code>'s
changelog</a>.</em></p>
<blockquote>
<h1>15.0.3 (2022-12-07)</h1>
<h3><code>@​angular-devkit/build-angular</code></h3>
<table>
<thead>
<tr>
<th>Commit</th>
<th>Type</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a
href="3d9971edb0">3d9971edb</a></td>
<td>fix</td>
<td>default preserve symlinks to Node.js value for esbuild</td>
</tr>
<tr>
<td><a
href="24f4b51d22">24f4b51d2</a></td>
<td>fix</td>
<td>downlevel class fields with Safari &lt;= v15 for esbuild</td>
</tr>
<tr>
<td><a
href="45afc42db8">45afc42db</a></td>
<td>fix</td>
<td>downlevel class properties when targeting Safari &lt;=v15</td>
</tr>
<tr>
<td><a
href="e6461badf7">e6461badf</a></td>
<td>fix</td>
<td>prevent optimization adding unsupported ECMASCript features</td>
</tr>
</tbody>
</table>
<h2>Special Thanks</h2>
<p>Charles Lyding, Dominic Elm and Paul Gschwendtner</p>
<!-- raw HTML omitted -->
<p><!-- raw HTML omitted --><!-- raw HTML omitted --></p>
<h1>15.1.0-next.1 (2022-11-30)</h1>
<h3><code>@​schematics/angular</code></h3>
<table>
<thead>
<tr>
<th>Commit</th>
<th>Type</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a
href="9299dea649">9299dea64</a></td>
<td>feat</td>
<td>generate functional interceptors</td>
</tr>
<tr>
<td><a
href="9b6d190f4a">9b6d190f4</a></td>
<td>fix</td>
<td>remove EnvironmentInjector import in functional guard spec</td>
</tr>
<tr>
<td><a
href="b11d3f6442">b11d3f644</a></td>
<td>fix</td>
<td>use proper variable in functional guard spec</td>
</tr>
<tr>
<td><a
href="451975f765">451975f76</a></td>
<td>fix</td>
<td>use proper variable in resolver functional spec</td>
</tr>
</tbody>
</table>
<h3><code>@​angular-devkit/build-angular</code></h3>
<table>
<thead>
<tr>
<th>Commit</th>
<th>Type</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a
href="012393d379">012393d37</a></td>
<td>fix</td>
<td>correctly set Sass quietDeps and verbose options</td>
</tr>
</tbody>
</table>
<h3><code>@​ngtools/webpack</code></h3>
<table>
<thead>
<tr>
<th>Commit</th>
<th>Type</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a
href="856720b913">856720b91</a></td>
<td>fix</td>
<td>elide unused type references</td>
</tr>
</tbody>
</table>
<h2>Special Thanks</h2>
<p>Alan Agius, Andrew Scott, Cédric Exbrayat, Jason Bedard and Juuso
Valkeejärvi</p>
<!-- raw HTML omitted -->
<p><!-- raw HTML omitted --><!-- raw HTML omitted --></p>
<!-- raw HTML omitted -->
</blockquote>
<p>... (truncated)</p>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a
href="eb2a73a351"><code>eb2a73a</code></a>
release: cut the v15.0.3 release</li>
<li><a
href="3d9971edb0"><code>3d9971e</code></a>
fix(<code>@​angular-devkit/build-angular</code>): default preserve
symlinks to Node.js valu...</li>
<li><a
href="24f4b51d22"><code>24f4b51</code></a>
fix(<code>@​angular-devkit/build-angular</code>): downlevel class fields
with Safari &lt;= v15...</li>
<li><a
href="20e0742154"><code>20e0742</code></a>
refactor(<code>@​angular-devkit/build-angular</code>): update
browserslist conversion to la...</li>
<li><a
href="18f31009c1"><code>18f3100</code></a>
refactor(<code>@​angular-devkit/build-angular</code>): convert into a
function to give mor...</li>
<li><a
href="45afc42db8"><code>45afc42</code></a>
fix(<code>@​angular-devkit/build-angular</code>): downlevel class
properties when targeting...</li>
<li><a
href="e6461badf7"><code>e6461ba</code></a>
fix(<code>@​angular-devkit/build-angular</code>): prevent optimization
adding unsupported E...</li>
<li><a
href="d77416f8cc"><code>d77416f</code></a>
release: cut the v15.0.2 release</li>
<li><a
href="0a543eaa2d"><code>0a543ea</code></a>
Revert &quot;docs: remove <code>@latest</code> reference from <code>npm
init</code> command&quot;</li>
<li><a
href="d9cc4b0289"><code>d9cc4b0</code></a>
fix(<code>@​ngtools/webpack</code>): elide unused type references</li>
<li>Additional commits viewable in <a
href="https://github.com/angular/angular-cli/compare/14.2.8...15.0.3">compare
view</a></li>
</ul>
</details>
<br />


[![Dependabot compatibility
score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=@angular-devkit/schematics&package-manager=npm_and_yarn&previous-version=14.2.8&new-version=15.0.3)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores)

Dependabot will resolve any conflicts with this PR as long as you don't
alter it yourself. You can also trigger a rebase manually by commenting
`@dependabot rebase`.

[//]: # (dependabot-automerge-start)
[//]: # (dependabot-automerge-end)

---

<details>
<summary>Dependabot commands and options</summary>
<br />

You can trigger Dependabot actions by commenting on this PR:
- `@dependabot rebase` will rebase this PR
- `@dependabot recreate` will recreate this PR, overwriting any edits
that have been made to it
- `@dependabot merge` will merge this PR after your CI passes on it
- `@dependabot squash and merge` will squash and merge this PR after
your CI passes on it
- `@dependabot cancel merge` will cancel a previously requested merge
and block automerging
- `@dependabot reopen` will reopen this PR if it is closed
- `@dependabot close` will close this PR and stop Dependabot recreating
it. You can achieve the same result by closing it manually
- `@dependabot ignore this major version` will close this PR and stop
Dependabot creating any more for this major version (unless you reopen
the PR or upgrade to it yourself)
- `@dependabot ignore this minor version` will close this PR and stop
Dependabot creating any more for this minor version (unless you reopen
the PR or upgrade to it yourself)
- `@dependabot ignore this dependency` will close this PR and stop
Dependabot creating any more for this dependency (unless you reopen the
PR or upgrade to it yourself)


</details>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2022-12-14 14:22:13 +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(deps): Bump @angular-devkit/schematics from 14.2.8 to 15.0.3 (#9413) 2022-12-14 14:22:13 +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