[feat #457]: playwright, create playwright builder for angular, run b…

…asic tests

.gitignore

@@ -8,6 +8,8 @@
 /src/documentation
 /src/server/upload.log
 /src/__ivy_ngcc__
+dist
+*.tar.gz
 
 # Only exists if Bazel was run
 /bazel-out

src/.eslintrc.json

@@ -9,10 +9,7 @@
         "*.ts"
       ],
       "parserOptions": {
-        "project": [
-          "tsconfig.json",
-          "e2e/tsconfig.json"
-        ],
+        "project": "src/tsconfig.json",
         "createDefaultProgram": true
       },
       "extends": [

src/angular.json

@@ -141,9 +141,8 @@
       "projectType": "application",
       "architect": {
         "e2e": {
-          "builder": "@angular-devkit/build-angular:protractor",
+          "builder": "@tsmonkeypatch/ngx-builders:playwright",
           "options": {
-            "protractorConfig": "e2e/protractor.conf.js",
             "devServerTarget": "ngx-fileupload-example:serve"
           },
           "configurations": {

src/e2e/integration/example.spec.ts

@@ -0,0 +1,7 @@
+import { test, expect } from '@playwright/test'
+
+test('basic test', async({page}) => {
+  await page.goto('https://playwright.dev')
+  const title = page.locator('.navbar__inner .navbar__title')
+  await expect(title).toHaveText('Playwright')
+})

src/e2e/playwright.conf.ts

@@ -0,0 +1,22 @@
+import { PlaywrightTestConfig } from '@playwright/test';
+
+const config: PlaywrightTestConfig = {
+  projects: [
+    {
+      name: 'Chrome Stable',
+      use: {
+        browserName: 'chromium',
+        // Test against Chrome Stable channel.
+        channel: 'chrome',
+      },
+    },
+    {
+      name: 'Desktop Firefox',
+      use: {
+        browserName: 'firefox',
+        viewport: { width: 800, height: 600 },
+      }
+    },
+  ],
+};
+export default config;