better gh action

.env

@@ -1,2 +1,4 @@
 LIVEBOOK_TOKEN_ENABLED=0
 ERL_AFLAGS = "-kernel shell_history enabled"
+KUBECONFIG = "~/.kube/config"
+KUBECONTEXT = "kind-kino-k8s"

.github/workflows/playwright.yml

@@ -1,27 +1,58 @@
 name: Playwright Tests
 on:
   push:
-    branches: [ main, master ]
+    branches: [main]
   pull_request:
-    branches: [ main, master ]
+    branches: [main]
+env:
+  KUBECONFIG: /home/runner/.kube/config
 jobs:
   test:
     timeout-minutes: 60
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v3
-      with:
-        node-version: 18
-    - name: Install dependencies
-      run: npm ci
-    - name: Install Playwright Browsers
-      run: npx playwright install --with-deps
-    - name: Run Playwright tests
-      run: npx playwright test
-    - uses: actions/upload-artifact@v3
-      if: always()
-      with:
-        name: playwright-report
-        path: playwright-report/
-        retention-days: 30
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version-file: .tool-versions
+
+      - name: Setup elixir
+        id: beam
+        uses: erlef/setup-beam@v1
+        with:
+          version-file: .tool-versions
+          version-type: strict
+          install-rebar: true
+          install-hex: true
+
+      - name: install livebook
+        run: mix escript.install --force hex livebook
+
+      - uses: engineerd/[email protected]
+        id: kind
+        with:
+          version: v0.20.0
+          name: kino-k8s
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps
+
+      - name: Run livebook
+        env:
+          LIVEBOOK_TOKEN_ENABLED: 0
+        run: livebook server &
+
+      - name: Run Playwright tests
+        env:
+          KUBECONTEXT: ''
+        run: KUBECONFIG="${KUBECONFIG}" npx playwright test
+
+      - uses: actions/upload-artifact@v3
+        if: always()
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30

.gitignore

@@ -32,4 +32,3 @@ kino_k8s-*.tar
 /test-results/
 /playwright-report/
 /blob-report/
-/playwright/.cache/

.rtx.toml

@@ -1,5 +1 @@
 env_file = '.env'
-
-[tools]
-erlang = "26.1.2"
-elixir = "1.15.7"

.tool-versions

@@ -0,0 +1,4 @@
+node 18.18.1
+kind 0.20.0
+erlang 26.1.2
+elixir 1.15.7

CHANGELOG.md

@@ -10,6 +10,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 <!-- ### Added | Changed | Deprecated | Removed | Fixed | Security -->
 
+### Added
+
+- Integration tests using Playwright
+
 <!--------------------- Don't add new entries after this line --------------------->
 
 ## [1.1.0] - 2023-11-03

e2e/kino_k8s/connection_cell.spec.ts

@@ -10,7 +10,10 @@ test.beforeEach(async ({ page }) => {
     .fill(`Mix.install([{:kino_k8s, path: "${process.cwd()}"}])`)
 
   await page.getByRole('button', { name: 'Reconnect and setup' }).click()
-  await expect(page.locator('#outputs-setup-2')).toHaveText(/:ok/)
+
+  await expect(page.locator('#outputs-setup-2')).toHaveText(/:ok/, {
+    timeout: 300000,
+  })
 
   const smart = page
     .locator('section')

playwright.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig, devices } from '@playwright/test';
+import { defineConfig, devices } from '@playwright/test'
 
 /**
  * Read environment variables from file.
@@ -28,6 +28,7 @@ export default defineConfig({
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: 'on-first-retry',
+    video: 'on-first-retry',
   },
 
   /* Configure projects for major browsers */
@@ -74,4 +75,4 @@ export default defineConfig({
   //   url: 'http://127.0.0.1:3000',
   //   reuseExistingServer: !process.env.CI,
   // },
-});
+})