feat: vite compilation

Author: sand4rt

README.md

@@ -69,7 +69,7 @@ See the official [playwright component testing documentation](https://playwright
 - [x] Update component props/inputs: `component.update({ props: {} })`
 - [ ] Update component slots/ng-content: `component.update({ slots: {} })`
 - [x] Update component events/outputs: `component.update({ on: {} })`
-- [ ] Transpilation, perhaps through [@analogjs/vite-plugin-angular](https://www.npmjs.com/package/@analogjs/vite-plugin-angular), for more info see: https://github.com/microsoft/playwright/issues/14153#issuecomment-1359709214
+- [x] Transpilation, perhaps through [@analogjs/vite-plugin-angular](https://www.npmjs.com/package/@analogjs/vite-plugin-angular), for more info see: https://github.com/microsoft/playwright/issues/14153#issuecomment-1359709214
 - [x] Testing components with a store and or router
 - [x] Override/register dependencies with dependency injection
 - [ ] Testing components that are not standalone

ct-angular/package.json

@@ -10,24 +10,24 @@
     "test": "npx playwright test"
   },
   "dependencies": {
-    "@angular/animations": "^14.2.0",
-    "@angular/common": "^14.2.0",
-    "@angular/compiler": "^14.2.0",
-    "@angular/core": "^14.2.0",
-    "@angular/forms": "^14.2.0",
-    "@angular/platform-browser": "^14.2.0",
-    "@angular/platform-browser-dynamic": "^14.2.0",
-    "@angular/router": "^14.2.0",
+    "@angular/animations": "^15.1.0",
+    "@angular/common": "^15.1.0",
+    "@angular/compiler": "^15.1.0",
+    "@angular/core": "^15.1.0",
+    "@angular/forms": "^15.1.0",
+    "@angular/platform-browser": "^15.1.0",
+    "@angular/platform-browser-dynamic": "^15.1.0",
+    "@angular/router": "^15.1.0",
     "rxjs": "~7.5.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^14.2.6",
-    "@angular/cli": "~14.2.6",
-    "@angular/compiler-cli": "^14.2.0",
-    "@playwright/test": "1.32.1",
+    "@angular-devkit/build-angular": "^15.1.0",
+    "@angular/cli": "~15.1.0",
+    "@angular/compiler-cli": "^15.1.0",
+    "@playwright/test": "1.32.3",
     "@sand4rt/experimental-ct-angular": "*",
-    "typescript": "~4.7.2"
+    "typescript": "~4.9.0"
   }
 }

ct-angular/src/components/button.component.html

@@ -0,0 +1 @@
+<button (click)="submit.emit('hello')">{{title}}</button>

ct-angular/src/components/button.component.ts

@@ -3,7 +3,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 @Component({
   standalone: true,
   selector: 'button-component',
-  template: `<button (click)="submit.emit('hello')">{{title}}</button>`,
+  templateUrl: './button.component.html',
 })
 export class ButtonComponent {
   @Input() title!: string;

ct-angular/tsconfig.spec.json

@@ -5,5 +5,5 @@
     "outDir": "./out-tsc/spec",
     "types": ["node"]
   },
-  "include": ["tests/**/*.spec.ts"]
+  "include": ["tests/**/*.spec.ts", "src/**/*.ts"]
 }

playwright-ct-angular/hooks.mjs

@@ -14,9 +14,6 @@
  * limitations under the License.
  */
 
-// TODO: move this import
-import '@angular/compiler';
-
 const __pw_hooks_before_mount = [];
 const __pw_hooks_after_mount = [];
 

playwright-ct-angular/index.js

@@ -25,7 +25,7 @@ function plugin() {
   const { createPlugin } = require('@playwright/test/lib/plugins/vitePlugin');
   return createPlugin(
     path.join(__dirname, 'registerSource.mjs'),
-    () => {}
+    () => import('@analogjs/vite-plugin-angular').then(plugin => plugin.default())
   )
 };
 

playwright-ct-angular/package.json

@@ -40,23 +40,26 @@
     }
   },
   "dependencies": {
-    "@angular/common": "^15.2.0",
-    "@angular/compiler": "^15.2.0",
-    "@angular/core": "^15.2.0",
-    "@angular/platform-browser": "^15.2.0",
-    "@angular/platform-browser-dynamic": "^15.2.0",
-    "@angular/router": "^15.2.0",
+    "@analogjs/vite-plugin-angular": "0.2.0-beta.1",
+    "@angular/common": "^16.0.0-rc.1",
+    "@angular/compiler": "^16.0.0-rc.1",
+    "@angular/core": "^16.0.0-rc.1",
+    "@angular/platform-browser": "^16.0.0-rc.1",
+    "@angular/platform-browser-dynamic": "^16.0.0-rc.1",
+    "@angular/router": "^16.0.0-rc.1",
     "rxjs": "~7.8.0",
     "tslib": "^2.5.0",
-    "vite": "^4.1.4",
-    "zone.js": "~0.12.0"
+    "vite": "^4.2.1",
+    "zone.js": "~0.13.0"
   },
   "devDependencies": {
-    "@playwright/test": "1.32.1",
-    "typescript": "^4.9.5"
+    "@angular-devkit/build-angular": "^16.0.0-rc.0",
+    "@playwright/test": "1.32.3",
+    "typescript": "^5.0.4"
   },
   "peerDependencies": {
-    "@playwright/test": ">=1.31.0"
+    "@playwright/test": ">=1.31.0",
+    "typescript": ">=4.9.0"
   },
   "bin": {
     "playwright": "./cli.js"