Ci testing

.github/workflows/ligthouse_testing_ci.yml

@@ -0,0 +1,118 @@
+name: Generate lighthouse test report on PR
+on:
+    pull_request:
+        branches: [ main, lighthouse_testing_pipeline ]
+
+jobs:
+    lhci:
+        runs-on: ubuntu-latest
+
+        steps:
+          - name: Checkout repo
+            uses: actions/checkout@v3
+
+          - name: Install Node.js
+            uses: actions/setup-node@v4
+            with: 
+                node-version: 20
+          - run: npm install
+
+
+          # - name: Install Lighthouse
+          #   run: npm install -g @lhci/[email protected]
+
+          # - name: Run Lighthouse
+          #   id: lhcitests
+          #   run: lhci autorun
+            # env: 
+            #     LHCI_GITHUB_TOKEN: ${{ secrets.LHCI_GITHUB_APP_TOKEN }}
+
+          # - name: install playwright
+          #   run: npx playwright install    
+
+          # - name: run playwright
+          #   id: tests
+          #   run: npx playwright test --project=firefox 
+          #   # continue-on-error: true
+
+          # - name: Notify on Google Chat 
+          #   uses: Co-qn/google-chat-notification@v1
+          #   with:
+          #     name: test
+          #     url: ${{ secrets.TEST_WEBHOOK_URL }}
+          #     status: ${{ steps.tests.outcome }}
+
+    # close-pr:
+    #     if: ${{ needs.lhci.result != 'failure' }}
+    #     needs: lhci 
+    #     runs-on: ubuntu-latest
+    #     steps:      
+    #     - run: gh pr close "$NUMBER" --comment "$COMMENT"
+    #       env:
+    #           GITHUB_TOKEN: ${{ secrets.NEW_GITHUB_APP_TOKEN }}
+    #           GH_REPO: ${{ github.repository }}
+    #           NUMBER: ${{ github.event.number }}
+    #           COMMENT: >
+    #             "Playwright tests failed. Closing this pull request."
+
+
+
+
+          # - name: Check test result and comment
+          #   uses: peter-evans/create-or-update-comment@v1
+          #   with:
+          #     token: ${{ secrets.LHCI_GITHUB_APP_TOKEN }}
+          #     issue-number: ${{ github.event.pull_request.number }}
+          #     body: |
+          #       ${{ steps.tests.outcome == 'failed' && 'Test failed, Please check logs for details.' || 'Test passed :heavy_check_mark:'  }}
+
+
+          # # foo lhci test to comment Lighthouse score to PR
+          # - uses: actions/checkout@master
+          # - run: mkdir -p ${{ github.workspace }}/tmp/artifacts
+          # - name: lighthouseCheck
+          #   uses: foo-software/lighthouse-check-action@master
+          #   with:
+          #     outputDirectory: ${{ github.workspace }}/tmp/artifacts
+          #     gitHubAccessToken: ${{ secrets.NEW_GITHUB_APP_TOKEN }}
+          #     urls: 'https://yral.com/'
+
+          # - name: Notify on Google Chat 
+          #   uses: Co-qn/google-chat-notification@v1
+          #   with:
+          #     name: test
+          #     url: ${{ secrets.TEST_WEBHOOK_URL }}
+          #     status: ${{ steps.lighthouseCheck.outputs }}
+
+
+          # - name: Verify Lighthouse Check results
+          #   uses: foo-software/lighthouse-check-status-action@master
+          #   with:
+          #     lighthouseCheckResults: ${{ steps.lighthouseCheck.outputs.lighthouseCheckResults }}
+          #     minAccessibilityScore: "90"
+          #     minBestPracticesScore: "90"
+          #     minPerformanceScore: "50"
+          #     minProgressiveWebAppScore: "50"
+          #     minSeoScore: "50"
+
+
+          # - name: Upload artifacts
+          #   uses: actions/upload-artifact@master
+          #   with:
+          #     name: Lighthouse reports
+          #     path: ${{ github.workspace }}/tmp/artifacts
+
+
+          # call another repo as post deploy action
+          - name: Trigger a workflow in another repo
+            uses: actions/github-script@v5
+            with:
+                script: |
+                  github.rest.repos.createDispatchEvent({
+                    owner: 'go-bazzinga',
+                    repo: 'hot-or-not-web-leptos-ssr-e2e-test',
+                    event_type: 'call',
+
+                    client_payload: { ref: "playwright_testing" }
+                  });
+                github-token: ${{ secrets.NEW_GITHUB_APP_TOKEN }}

.gitignore

@@ -19,4 +19,11 @@ redb-kv.db
 .env
 
 # ide config
-.idea/
+.idea/
+
+# lighthousece reports
+.lighthouseci/
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

Cargo.toml

@@ -251,13 +251,3 @@ lib-default-features = false
 #
 # Optional. Defaults to "release".
 lib-profile-release = "wasm-release"
-
-# Pass additional parameters to the cargo process compiling to WASM
-#
-# Optional. No default
-lib-cargo-args = ""
-
-# Pass additional parameters to the cargo process to build the server
-#
-# Optional. No default
-bin-cargo-args = ""

end2end/tests/example.spec.ts

@@ -1,9 +1,19 @@
-import { test, expect } from "@playwright/test";
+// @ts-check
+import { test, expect } from '@playwright/test';
 
-test("homepage has title and links to intro page", async ({ page }) => {
-  await page.goto("http://localhost:3000/");
+test('has title', async ({ page }) => {
+  await page.goto('https://playwright.dev/');
 
-  await expect(page).toHaveTitle("Welcome to Leptos");
+  // Expect a title "to contain" a substring.
+  await expect(page).toHaveTitle(/Playwright/);
+});
+
+test('get started link', async ({ page }) => {
+  await page.goto('https://playwright.dev/');
+
+  // Click the get started link.
+  await page.getByRole('link', { name: 'Get started' }).click();
 
-  await expect(page.locator("h1")).toHaveText("Welcome to Leptos!");
+  // Expects page to have a heading with the name of Installation.
+  await expect(page.getByRole('heading', { name: 'Installation' })).toBeVisible();
 });

lighthouserc.js

@@ -0,0 +1,16 @@
+module.exports = {
+    ci: {
+        collect: {
+        url: ['https://yral.com/'],
+        },
+        upload: {
+            target: 'temporary-public-storage',
+        },
+        assert: {
+            assertions: {
+                "categories:performance": ["warn", {"minScore": 0.3}],
+                "categories:accessibility": ["warn", {"minScore": 0.5}]
+            },
+        },
+    },
+};