Ng-News 24/41: effect()'s Future, Angular 💔 Playwright CT

The official Angular blog revealed that effects will stay in developer preview for version 19 but will allow Signal updates by default. Playwright 1.48 adds WebSocket mocking, but the Angular Component Testing got denied.

effect()'s Future

The official Angular blog shared updates on the future of the effect. It will stay in developer preview for version 19.0, but from Angular 19 onward, effects can update any Signal without needing extra properties like untracked or allowSignalWrites. This shift reflects a change in how Angular approaches effects, with plans to introduce utility functions to minimize risks of bugs for common use cases.

Latest updates to effect() in Angular | by Angular | Oct, 2024 | Angular Blog

Authors: Alex Rickabaugh Mark Thompson

blog.angular.dev

Playwright 1.48 & Component Tester for Angular

Playwright version 1.48 was also released, introducing support for mocking WebSockets communication. However, the long-anticipated Component Tester for Angular was closed without being merged, meaning there is still no official component testing in Playwright. Community solutions exist, such as those from Younes Jaaidi and Sander, but the decision has caused a stir in the Angular community.

Release notes | Playwright

Version 1.48

playwright.dev

feat(ct): angular component testing #27783

sand4rt posted on Oct 24, 2023

closes: https://github.com/microsoft/playwright/issues/14153 and https://github.com/sand4rt/playwright-ct-angular

TODO

• [x] Enable vite-plugin-angular JIT mode: https://github.com/analogjs/analog/pull/374#issuecomment-1536991065
• [x] Fix Sourcemap is likely to be incorrect: a plugin (@analogjs/vite-plugin-angular) errors when transpiling: https://github.com/analogjs/analog/issues/410
• [x] Restructure NPM (peer)dependencies?: https://github.com/microsoft/playwright/pull/27783#discussion_r1372343294
• [x] Remove typeof plugin.default check: https://github.com/microsoft/playwright/pull/27783/files#diff-4592ac823d44ec894c518ba459cfab4bd544056a674739fda5fc145cdc596923R28
• [x] Update the documentation (PR ready: https://github.com/sand4rt/playwright/pull/4)
• [x] Update https://github.com/microsoft/create-playwright
• [x] Do not handle routing and let users use router testing harness: https://github.com/microsoft/playwright/pull/27783#discussion_r1372305687
• [x] Update tests to use Angular 17 ? https://github.com/microsoft/playwright/pull/27783#issuecomment-1809269085
• [x] Remove @analogjs/vite-plugin-angular and related code and move it to create-playwright ? https://github.com/microsoft/playwright/pull/27783#discussion_r1372342351
• [x] Update old Angular logo: https://github.com/microsoft/playwright/pull/27783#pullrequestreview-1702918975

View on GitHub

NgRx 18.1

NgRx 18.1 has been released, with new features focusing on SignalStore. An ESLint rule now enforces encapsulated state changes through the SignalStore, and a new DeepComputed feature allows nested properties in computed Signals to also be Signals.

NgRx 18.1 Release Notes

Livestreams from Ng-De & Monorepo World

Lastly, two major conferences took place last week. ng-de in Bonn, Germany, spanned two days with talks covering a wide range of Angular topics.

youtube.com

youtube.com

Monorepo World, organized by Nx in Mountain View, California, lasted one day with two tracks.

Monorepo World

Monorepo World is the conference for you to learn from the tool builders and technology leaders powering the next generation of your developer platform.

monorepo.world