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 everything 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: {
+    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/cypress/support/e2e.ts

@@ -0,0 +1,17 @@
+// ***********************************************************
+// This example support/e2e.ts is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'

angular-standalone/package-lock.json

@@ -8,4 +8,10 @@ export default defineConfig({
     },
     specPattern: "**/*.cy.ts",
   },
+
+  e2e: {
+    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')
+  })
+})

angular/cypress/e2e/login.cy.ts

@@ -0,0 +1,17 @@
+// ***********************************************************
+// This example support/e2e.ts is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'