Playwright tests & CI

.github/workflows/e2e-tests.yml

@@ -0,0 +1,109 @@
+name: e2e tests
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+env:
+  WASP_TELEMETRY_DISABLE: 1
+  WASP_VERSION: 0.13.2
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout the repo
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        id: setup-node
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+
+      - name: Install Wasp
+        run: curl -sSL https://get.wasp-lang.dev/installer.sh | sh -s -- -v ${{ env.WASP_VERSION }}
+
+      - name: Docker setup
+        uses: docker/setup-buildx-action@v3
+
+      # In order for the app to run we need to set env vars even if they aren't used
+      # this step sets mock env vars to pass the validation steps so the app can run 
+      # in the CI environment. For vars that are actually used in tests, we set them in
+      # the GitHub secrets settings and access them in a step below.
+      - name: Setup Dummy Env Vars 
+        run: |
+          cd app
+          cp .env.server.example .env.server
+
+      - name: Cache App Node Modules
+        uses: actions/cache@v4
+        with:
+          path: ~/.npm
+          key: ${{ runner.os }}-wasp${{ env.WASP_VERSION }}-node${{ steps.setup-node.outputs.node-version }}-node-modules-${{ hashFiles('app/package-lock.json') }}
+
+      - name: Cache E2E Tests Node Modules
+        id: cache-e2e-tests
+        uses: actions/cache@v4
+        with:
+          path: ~/.cache/e2e-tests
+          key: ${{ runner.os }}-node${{ steps.setup-node.outputs.node-version }}-e2e-tests-${{ hashFiles('e2e-tests/package-lock.json') }}
+
+      - name: Install Node.js dependencies for Playwright tests
+        if: steps.cache-e2e-tests.outputs.cache-hit != 'true'
+        run: |
+          cd e2e-tests
+          npm ci
+
+      - name: Store Playwright's Version
+        run: |
+          cd e2e-tests
+          PLAYWRIGHT_VERSION=$(npm ls @playwright/test | grep @playwright | sed 's/.*@//')
+          echo "Playwright's Version: $PLAYWRIGHT_VERSION"
+          echo "PLAYWRIGHT_VERSION=$PLAYWRIGHT_VERSION" >> $GITHUB_ENV
+
+      - name: Cache Playwright Browsers for Playwright's Version
+        id: cache-playwright-browsers
+        uses: actions/cache@v4
+        with:
+          path: ~/.cache/ms-playwright
+          key: playwright-browsers-${{ env.PLAYWRIGHT_VERSION }}
+
+      - name: Set up Playwright
+        if: steps.cache-playwright-browsers.outputs.cache-hit != 'true'
+        run: |
+          cd e2e-tests
+          npx playwright install --with-deps
+
+      - name: Install Stripe CLI
+        run: |
+          curl -s https://packages.stripe.dev/api/security/keypair/stripe-cli-gpg/public | gpg --dearmor | sudo tee /usr/share/keyrings/stripe.gpg
+          echo "deb [signed-by=/usr/share/keyrings/stripe.gpg] https://packages.stripe.dev/stripe-cli-debian-local stable main" | sudo tee -a /etc/apt/sources.list.d/stripe.list
+          sudo apt update          
+          sudo apt install stripe
+
+      - name: Run Stripe CLI to listen for webhooks
+        env: 
+          STRIPE_DEVICE_NAME: ${{ secrets.STRIPE_DEVICE_NAME }}
+        run: |
+          stripe listen --api-key ${{ secrets.STRIPE_KEY }} --forward-to localhost:3001/stripe-webhook &
+
+      - name: Run Playwright tests
+        env:
+          # The e2e tests are testing parts of the app that need certain env vars, so we need to access them here.
+          # These secretes can be set in your GitHub repo settings, e.g. https://github.com/<account>/<repo>/settings/secrets/actions
+          OPENAI_API_KEY: ${{ secrets.OPENAI_API_KEY }}
+          STRIPE_KEY: ${{ secrets.STRIPE_KEY }}
+          STRIPE_WEBHOOK_SECRET: ${{ secrets.STRIPE_WEBHOOK_SECRET }}
+          HOBBY_SUBSCRIPTION_PRICE_ID: ${{ secrets.HOBBY_SUBSCRIPTION_PRICE_ID }}
+          PRO_SUBSCRIPTION_PRICE_ID: ${{ secrets.PRO_SUBSCRIPTION_PRICE_ID }}
+          CREDITS_PRICE_ID: ${{ secrets.CREDITS_PRICE_ID }}
+          SKIP_EMAIL_VERIFICATION_IN_DEV: true
+        run: |
+          cd e2e-tests
+          npm run e2e:playwright:debug

.github/workflows/retag-commit.yml

@@ -0,0 +1,30 @@
+name: Retag Commit
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  retag:
+    runs-on: ubuntu-latest
+    env:
+      TAG_NAME: wasp-v0.13-template
+    steps:
+      - name: Checkout Code
+        uses: actions/checkout@v4
+
+      - name: Configure Git
+        run: |
+          git config user.email "github-actions[bot]@users.noreply.github.com"
+          git config user.name "github-actions[bot]"
+
+      - name: Delete Old Tag
+        run: |
+          git tag -d ${{ env.TAG_NAME }} || true 
+          git push origin :refs/tags/${{ env.TAG_NAME }} || true
+
+      - name: Add New Tag
+        run: |
+          git tag ${{ env.TAG_NAME }}
+          git push origin ${{ env.TAG_NAME }}

.gitignore

@@ -1,7 +1,7 @@
 */.wasp/
 */.env.server
 */.env.client
-*/.DS_Store
 */node_modules
 */migrations
+*/.DS_Store
 .DS_Store

CONTRIBUTING.md

@@ -38,4 +38,4 @@ Contributing is simple:
 3. Create a new feature branch for your work. See [above](#the-default-template-vs-the-deployed-site--docs) for which branch to base your feature branch off of.
 4. Create a pull request.
 5. Make a "Da Boi" meme while you wait for us to review your PR.
-6. If you don't know who "Da Boi" is, head back to the [Wasp Discord](https://discord.gg/aCamt5wCpS) and find out :)
+6. If you don't know who "Da Boi" is, head back to the [Wasp Discord](https://discord.gg/aCamt5wCpS) and find out :)

app/main.wasp

@@ -1,6 +1,6 @@
 app OpenSaaS {
   wasp: {
-    version: "^0.13.0"
+    version: "^0.13.2"
   },
   title: "My Open SaaS App",
   head: [