init tests

Author: sbmsr

.github/workflows/.gitignore

@@ -0,0 +1,4 @@
+node_modules/
+/test-results/
+/playwright-report/
+/playwright/.cache/

.github/workflows/main.yml

@@ -0,0 +1,39 @@
+name: JobSimulator.dev Test Checker
+
+on:
+  push:
+    branches: ["main"]
+  pull_request:
+    branches: ["main"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+defaults:
+  run:
+    shell: bash
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    container:
+      image: mcr.microsoft.com/playwright:v1.31.0-focal
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 18
+      - name: Install dependencies
+        run: npm ci && cd .github/workflows && npm ci && cd ../..
+
+      - name: build app
+        run: npx webpack
+
+      - name: start frontend
+        run: npm run dev:frontend &
+
+      - name: start backend
+        run: npm run dev:backend &
+
+      - name: Run Tests
+        run: node .github/workflows/test.js

.github/workflows/package-lock.json

@@ -0,0 +1,8 @@
+{
+  "type": "module",
+  "devDependencies": {
+    "playwright": "^1.31.1",
+    "uvu": "^0.5.6"
+  },
+  "scripts": {}
+}

.github/workflows/package.json

@@ -0,0 +1,55 @@
+import { chromium } from "playwright";
+import { test } from "uvu";
+import * as assert from "uvu/assert";
+
+let browser;
+let context;
+let page;
+
+test.before(async () => {
+  browser = await chromium.launch({
+    use: { timezoneId: "Etc/UTC" },
+  });
+  context = await browser.newContext();
+});
+
+test.before.each(async () => {
+  page = await context.newPage();
+});
+
+test.after.each(async () => {
+  await page.close();
+});
+
+test.after(async () => {
+  await browser.close();
+  await context.close();
+});
+
+test("Solved Issue #1: Sort By Price and Release Date", async () => {
+  await page.goto("http://localhost:3000");
+
+  // Open Sort Menu
+  await page.getByRole("button", { name: "Sort" }).click();
+
+  // Sort by Price
+  await page.getByRole("menuitem", { name: "Price" }).click();
+  var firstItemName = await page.$eval(
+    "#root > main > div:nth-child(2) > div > div > a:nth-child(1) > h3",
+    (el) => el.innerText
+  );
+  assert.is(firstItemName, "Focus Paper Refill");
+
+  // Open Sort Menu
+  await page.getByRole("button", { name: "Sort" }).click();
+
+  // Sort by Newest
+  await page.getByRole("menuitem", { name: "Newest" }).click();
+  var firstItemName = await page.$eval(
+    "#root > main > div:nth-child(2) > div > div > a:nth-child(1) > h3",
+    (el) => el.innerText
+  );
+  assert.is(firstItemName, "Zip Tote Basket");
+});
+
+test.run();