chore: add github actions to add automated tests

Author: AtofStryker

.github/workflows/main.yml

@@ -0,0 +1,52 @@
+name: Run Cypress Tests
+
+on:
+  push:
+    branches:
+      - "main"
+  pull_request:
+  workflow_dispatch:
+
+jobs:
+  tests:
+    runs-on: ubuntu-22.04
+
+    strategy:
+      fail-fast: false
+      matrix:
+        project:
+          [
+            "angular",
+            "angular-standalone",
+            "react-next14-ts",
+            "react-next15-ts",
+            "react-vite-ts",
+            "react-webpack5-js",
+            "svelte-vite-ts",
+            "svelte-webpack-ts",
+            "vue3-vite-ts",
+            "vue3-webpack-ts",
+          ]
+
+    name: Cypress Tests
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+      - name: Cypress Component Tests
+        uses: cypress-io/github-action@v6
+        with:
+          component: true
+          working-directory: "${{ matrix.project }}"
+      # smoke tests the sample app and makes sure the login via msw works as expected
+      - name: Cypress E2E Tests
+        uses: cypress-io/github-action@v6
+        with:
+          start: npm start
+          wait-on: 'http://localhost:4200'
+          working-directory: "${{ matrix.project }}"
+          browser: chrome
+

angular-standalone/cypress.config.ts

@@ -8,4 +8,10 @@ export default defineConfig({
     },
     specPattern: "**/*.cy.ts",
   },
+  e2e: {
+    supportFile: false,
+    setupNodeEvents(on, config) {
+      // implement node event listeners here
+    },
+  },
 });

angular-standalone/cypress/e2e/login.cy.ts

@@ -0,0 +1,9 @@
+describe('Authentication', () => {
+  it('Logs in', () => {
+    cy.visit('http://localhost:4200')
+    cy.get('[name="username"]').type('testuser')
+    cy.get('[name="password"]').type('testpassword')
+    cy.get('[type="submit"]').click()
+    cy.get('h1').should('have.text', 'Welcome testuser')
+  })
+})

angular-standalone/package-lock.json

@@ -8,4 +8,10 @@ export default defineConfig({
     },
     specPattern: "**/*.cy.ts",
   },
+  e2e: {
+    supportFile: false,
+    setupNodeEvents(on, config) {
+      // implement node event listeners here
+    },
+  },
 });

angular/cypress.config.ts

@@ -0,0 +1,9 @@
+describe('Authentication', () => {
+  it('Logs in', () => {
+    cy.visit('http://localhost:4200')
+    cy.get('[name="username"]').type('testuser')
+    cy.get('[name="password"]').type('testpassword')
+    cy.get('[type="submit"]').click()
+    cy.get('h1').should('have.text', 'Welcome testuser')
+  })
+})