Implement comprehensive testing setup and CI improvements for extension features

.github/workflows/release.yml

@@ -4,16 +4,114 @@ on:
   push:
     branches:
       - main
+      - dev
+  pull_request:
+    branches:
+      - main
+      - dev
 
 permissions:
   contents: write
   issues: write
   pull-requests: write
 
+concurrency:
+  group: release-${{ github.ref }}
+  cancel-in-progress: false
+
 jobs:
+  verify:
+    name: Verify (lint, unit, build, e2e)
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          persist-credentials: false
+
+      # Required because src/stores/profile.ts imports types from
+      # ../../../dashboard-app/frontend/types/database.type — see CLAUDE.md.
+      - name: Checkout sibling dashboard-app
+        run: git clone --depth 1 https://github.com/codebridger/subturtle-dashboard-app.git ../dashboard-app
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: yarn
+
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
+
+      - name: Cache Playwright browsers
+        id: playwright-cache
+        uses: actions/cache@v4
+        with:
+          path: ~/.cache/ms-playwright
+          key: playwright-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+          restore-keys: |
+            playwright-${{ runner.os }}-
+
+      - name: Install Playwright Chromium
+        if: steps.playwright-cache.outputs.cache-hit != 'true'
+        run: npx playwright install chromium --with-deps
+
+      - name: Install Playwright system deps (cache hit path)
+        if: steps.playwright-cache.outputs.cache-hit == 'true'
+        run: npx playwright install-deps chromium
+
+      - name: Type check
+        run: yarn typecheck
+
+      - name: Unit tests (Vitest)
+        run: yarn test
+
+      # dotenv-webpack is configured with `safe: true`, so the build needs
+      # every key in .env.example to exist at build time. We write
+      # non-empty placeholders rather than copying the empty .env.example
+      # — `mixpanel.init("")` throws synchronously during the content-script
+      # import chain, which silently halts every Vue mount and was the root
+      # cause of e2e tests failing on `#subturtle-{nibble,console-crane}-root`
+      # never appearing. SUBTURTLE_API_URL points at the local fixtures
+      # server so any auth/translate calls 404 instead of escaping to the
+      # real backend.
+      - name: Stub .env.production for verify build
+        run: |
+          cat > .env.production <<'EOF'
+          MIXPANEL_PROJECT_TOKEN=ci_e2e_stub_token
+          MIXPANEL_API_HOST=http://localhost:4173/_mixpanel_stub
+          GOOGLE_TRANSLATE_KEY=ci_e2e_stub_key
+          GOOGLE_TRANSLATE_PROXY_URL=http://localhost:4173/_translate_proxy_stub
+          UNINSTALL_FORM_URL=http://localhost:4173/_uninstall_stub
+          SUBTURTLE_API_URL=http://localhost:4173
+          SUBTURTLE_DASHBOARD_URL=http://localhost:4173/_dashboard_stub
+          GOOGLE_OAUTH_CLIENT_ID=ci_e2e_stub_oauth_client
+          EOF
+
+      - name: Build extension
+        run: yarn build
+
+      - name: E2E tests (Playwright)
+        run: yarn test:e2e
+
+      - name: Upload Playwright report
+        # Run on both success and failure (anything except job cancel) so
+        # the HTML report is downloadable for green runs too. The
+        # hashFiles guard skips silently when typecheck or unit tests
+        # failed before Playwright produced any output.
+        if: ${{ !cancelled() && hashFiles('playwright-report/**') != '' }}
+        uses: actions/upload-artifact@v4
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 7
+
   release:
     name: Release
+    needs: verify
+    if: github.event_name == 'push'
     runs-on: ubuntu-latest
+    environment: ${{ github.ref_name == 'main' && 'prod' || 'dev' }}
     steps:
       - name: Checkout
         uses: actions/checkout@v4

.gitignore

@@ -6,3 +6,6 @@ dist
 static/key-file.json
 *.zip
 .npmrc
+/.claude
+/playwright-report
+/test-results

CHANGELOG-DEV.md

@@ -0,0 +1,18 @@
+# [1.11.0-dev.2](https://github.com/codebridger/subturtle-extension-apps/compare/v1.11.0-dev.1...v1.11.0-dev.2) (2026-05-03)
+
+
+### Features
+
+* add loading state and section divider to popup translate ([9c89f83](https://github.com/codebridger/subturtle-extension-apps/commit/9c89f83557f899bc1465de7625d0149489c73dda)), closes [#86exfjner](https://github.com/codebridger/subturtle-extension-apps/issues/86exfjner)
+* add translate input on popup home view ([efb435c](https://github.com/codebridger/subturtle-extension-apps/commit/efb435cbbbea03598fefe6a6bff0c8fd989caaa8)), closes [#86exfjner](https://github.com/codebridger/subturtle-extension-apps/issues/86exfjner)
+* refresh popup help view to cover web text and quick translate [#86](https://github.com/codebridger/subturtle-extension-apps/issues/86)exfjner ([a0968ec](https://github.com/codebridger/subturtle-extension-apps/commit/a0968ec2ba5c551d94151075ce08217675cedbd9)), closes [#86exfjner](https://github.com/codebridger/subturtle-extension-apps/issues/86exfjner)
+
+# [1.11.0-dev.1](https://github.com/codebridger/subturtle-extension-apps/compare/v1.10.1...v1.11.0-dev.1) (2026-05-03)
+
+
+### Features
+
+* add bootstrap loader to popup for improved initial load experience ([02c59f8](https://github.com/codebridger/subturtle-extension-apps/commit/02c59f89232f44c4ef0dd3a4dbbef07f37469e80))
+* add prerelease support for dev branch with environment-specific changelogs and configs ([24f087b](https://github.com/codebridger/subturtle-extension-apps/commit/24f087b5b8e6cc4c7c53ed1f2e2f72b974d01f6d))
+
+# Dev Changelog

CHANGELOG.md

@@ -0,0 +1 @@
+# Changelog