Angular 14.1 next.1
Two weeks have passed since the release of Angular 14, and we already have a pre-release for the next minor 14.1.
It adds a new router guard called CanMatch. That guard can be used instead of the combination between canActivate and canLoad, but its main novelty is the ability to assign multiple components or even modules to the same path.
And we can programmatically decide which version of that path Angular should use. That could depend on a feature flag, the domain, or something else.
CanMatch Guard explained by Netanel Basal
Cypress 10.1
Cypress released version 10.1. Cypress is the most used E2E testing framework. Version 10.0 was released in the same week as Angular 14, so it didn't get so much coverage here.
Beginning with version 10, Cypress offers the possibility for component testing in a beta version. Component testing in an alpha stadium was already available possible before, but you had to use the component test runner which came as a separate executable. Now, the main Cypress UI can do both.
Currently, it only works with React or Vue, but according to Jordan Powell, a member of the Cypress team, they are also working on support for Angular. Once it becomes stable, it has the potential to change the way we write tests completely. We will not have to deal with asynchronity and change detection anymore. Cypress takes care of that automatically.
Actually, there exists an unofficial version for Angular as well, which is provided by jscutlery/devkit.
Announcing Cypress 10 with Component Testing Beta!
Hello, friends! Today, we have an exciting announcement to share. The title up above might have given it away, but in case you missed it, Cypress 10 is here š! Cypress 10 is our most exciting release yet, and we have a lot to unpack, so let's dive in and look
cypress.io
@jscutlery/devkit
This is the home of the following tools which are aiming to:
| Package | Description | Version |
|---|---|---|
| @jscutlery/cypress-harness | Cypress support for Angular Component Test Harnesses. | |
| @jscutlery/microwave | Optimize Angular change detection effortlessly. | |
| @jscutlery/operators | Set of operators for RxJS like suspensify. |
|
| @jscutlery/playwright-ct-angular | Playwright Component Testing support for Angular. |
Contributors
This project follows the all-contributors specification.
 Younes Jaaidi |
 Edouard Bozon |
 Timeout |
 Jeffrey Bosch |
 srleecode |
 Julien Brun |
License
This project is MIT licensed.
Top comments (0)