@jscutlery/playwright-ct-angular 0.7.9 → 0.8.1

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@jscutlery/playwright-ct-angular",
-  "version": "0.7.9",
+  "version": "0.8.1",
   "dependencies": {
     "@babel/core": "7.23.9",
-    "@playwright/experimental-ct-core": "1.43.1",
-    "@playwright/test": "1.43.1"
+    "@playwright/experimental-ct-core": "1.47.1",
+    "@playwright/test": "1.47.1"
   },
   "peerDependencies": {
     "@angular/compiler": "^16.0.0 || ^17.0.0",

package/register-source.mjs

@@ -1,7 +1,6 @@
 import { Component, reflectComponentType } from '@angular/core';
-import { ComponentFixtureAutoDetect, getTestBed, TestBed, TestComponentRenderer } from '@angular/core/testing';
+import { getTestBed, TestBed, TestComponentRenderer } from '@angular/core/testing';
 import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
-import { Subscription } from 'rxjs';
 
 /**
  * @typedef {{type: string} & import('./index').MountTemplateOptions} TemplateInfo
@@ -68,16 +67,17 @@ async function __pwRenderComponent(component, rootElement) {
   let componentClass;
 
   if (__pwIsTemplate(component)) {
-    const templateInfo = /** @type {TemplateInfo} */(component);
+    const templateInfo = /** @type {TemplateInfo} */ (component);
     componentClass = Component({
       standalone: true,
       selector: 'pw-template-component',
       imports: templateInfo.imports,
-      template: templateInfo.type
-    })(class {
-    });
+      template: templateInfo.type,
+    })(class {});
   } else {
-    componentClass = /** @type {import('@angular/core').Type<unknown>} */(component.type);
+    componentClass = /** @type {import('@angular/core').Type<unknown>} */ (
+      component.type
+    );
   }
 
   const componentMetadata = reflectComponentType(componentClass);
@@ -87,18 +87,19 @@ async function __pwRenderComponent(component, rootElement) {
   TestBed.configureTestingModule({
     imports: [componentClass],
     providers: [
-      { provide: ComponentFixtureAutoDetect, useValue: true },
       {
         provide: TestComponentRenderer,
-        useValue: new PlaywrightTestComponentRenderer(rootElement)
+        useValue: new PlaywrightTestComponentRenderer(rootElement),
       },
-      ...component.providers ?? []
-    ]
+      ...(component.providers ?? []),
+    ],
   });
 
   const fixture = TestBed.createComponent(componentClass);
   __pwUpdateProps(fixture, component);
   __pwUpdateEvents(fixture, component.on);
+  /* TODO: switch back to ComponentFixtureAutoDetect once this is fixed https://github.com/angular/angular/issues/57856 */
+  fixture.autoDetectChanges();
 
   await fixture.whenStable();
 

package/src/hooks.d.ts

@@ -14,11 +14,10 @@
  * limitations under the License.
  */
 import { TestBedStatic } from '@angular/core/testing';
-import { JsonObject } from '@playwright/experimental-ct-core/types/component';
-export declare function beforeMount<HOOKS extends JsonObject>(callback: (params: {
+export declare function beforeMount<HOOKS>(callback: (params: {
     hooksConfig?: HOOKS;
     TestBed: TestBedStatic;
 }) => Promise<void>): void;
-export declare function afterMount<HOOKS extends JsonObject>(callback: (params: {
+export declare function afterMount<HOOKS>(callback: (params: {
     hooksConfig?: HOOKS;
 }) => Promise<void>): void;

package/src/index.d.ts

@@ -1,13 +1,12 @@
 import type { EnvironmentProviders, EventEmitter, InputSignal, Provider, Type } from '@angular/core';
 import type { PlaywrightTestConfig, TestType } from '@playwright/experimental-ct-core';
 import * as playwrightCtCore from '@playwright/experimental-ct-core';
-import { JsonObject } from '@playwright/experimental-ct-core/types/component';
 import * as playwright from '@playwright/test';
 export type { PlaywrightTestConfig };
 export { expect, devices } from '@playwright/test';
 export interface ComponentFixtures {
-    mount<COMPONENT, HOOKS extends JsonObject>(template: string, options?: MountTemplateOptions<COMPONENT, HOOKS>): Promise<MountResult<COMPONENT>>;
-    mount<COMPONENT, HOOKS extends JsonObject>(component: Type<COMPONENT>, options?: MountOptions<COMPONENT, HOOKS>): Promise<MountResult<COMPONENT>>;
+    mount<COMPONENT, HOOKS>(template: string, options?: MountTemplateOptions<COMPONENT, HOOKS>): Promise<MountResult<COMPONENT>>;
+    mount<COMPONENT, HOOKS>(component: Type<COMPONENT>, options?: MountOptions<COMPONENT, HOOKS>): Promise<MountResult<COMPONENT>>;
 }
 export interface MountOptions<COMPONENT, HOOKS> {
     hooksConfig?: HOOKS;
@@ -15,7 +14,7 @@ export interface MountOptions<COMPONENT, HOOKS> {
     props?: Inputs<COMPONENT>;
     on?: OutputListeners<COMPONENT>;
 }
-export interface MountTemplateOptions<COMPONENT, HOOKS extends JsonObject> extends MountOptions<COMPONENT, HOOKS> {
+export interface MountTemplateOptions<COMPONENT, HOOKS> extends MountOptions<COMPONENT, HOOKS> {
     imports?: Type<unknown>[];
 }
 export interface MountResult<COMPONENT> extends playwright.Locator {