Merge pull request #616 from SlideRuleEarth/carlos-dev

Carlos dev

Author: cugarteblair

.github/workflows/playwright.yml

@@ -0,0 +1,27 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [ main, master ]
+  pull_request:
+    branches: [ main, master ]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version: lts/*
+    - name: Install dependencies
+      run: npm ci
+    - name: Install Playwright Browsers
+      run: npx playwright install --with-deps
+    - name: Run Playwright tests
+      run: npx playwright test
+    - uses: actions/upload-artifact@v4
+      if: ${{ !cancelled() }}
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30

.gitignore

@@ -67,3 +67,10 @@ override.tf.json
 
 # Include tfplan files to ignore the plan output of command: terraform plan -out=tfplan
 # example: *tfplan*
+
+# Playwright
+node_modules/
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

package-lock.json

@@ -0,0 +1,17 @@
+{
+  "name": "sliderule-web-client",
+  "version": "1.0.0",
+  "description": "---",
+  "main": "index.js",
+  "directories": {
+    "doc": "docs"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.54.1",
+    "@types/node": "^24.0.15"
+  },
+  "scripts": {},
+  "keywords": [],
+  "author": "",
+  "license": "ISC"
+}

package.json

@@ -0,0 +1,66 @@
+import { test, expect } from '@playwright/test';
+test.skip(({ browserName }) => browserName === 'webkit', 'Workers not supported in Playwright WebKit');
+
+test.beforeEach(async ({ page }) => {
+
+    await page.goto('https://client.slideruleearth.io/');
+    await page.getByText('Welcome to SlideRule Earth!').click();
+    await page.getByRole('button', { name: 'Next' }).click();
+    await page.getByText('Step 1: Zoom In').click();
+    await page.getByRole('button', { name: 'Next' }).click();
+    await page.getByText('Step 2: Select a draw tool').click();
+    await page.getByRole('button', { name: 'Next' }).click();
+    await page.getByText('Step 3: Draw a region').click();
+    await page.getByRole('button', { name: 'Next' }).click();
+    await page.getByText('Step 4: Run SlideRule').click();
+    await page.getByRole('button', { name: 'Next' }).click();
+    await page.getByText('That\'s it!').click();
+    await page.getByRole('button', { name: 'Done' }).click();
+    await page.getByRole('button', { name: 'Close' }).click();
+});
+
+test('test', async ({ page }) => {
+    await page.getByRole('button', { name: '🔍' }).click();
+    await page.getByRole('textbox', { name: 'Search for' }).fill('Goddard Space Flight Center');
+    await page.getByRole('textbox', { name: 'Search for' }).press('Enter');
+    await page.getByTitle('Draw a Rectangle by clicking').getByRole('img').click();
+    //await page.pause();
+    const canvas = page.locator('canvas').nth(1);
+    const box = await canvas.boundingBox();
+
+    if (!box) {
+        throw new Error('Canvas bounding box not found. Make sure the canvas is visible.');
+    }
+    await page.getByText('+').click();
+    await page.getByText('+').click();
+    await page.getByText('+').click(); // Zoom in to ensure the canvas is large enough for interaction
+
+    //debugger;
+
+    const startX = 575, startY = 350;
+    const endX = 500, endY = 325;
+
+    // 1. Move to the starting point (no click yet)
+    await page.mouse.move(box.x + startX, box.y + startY);
+
+    // 2. Mouse down (start "drag")
+    await page.mouse.down();
+
+    // 3. Move to the ending point ("drag")
+    await page.mouse.move(box.x + endX, box.y + endY, { steps: 10 });
+
+    // 4. Mouse up (release, finish drag)
+    await page.mouse.up();
+
+    // Click "Run SlideRule"
+    await page.getByRole('button', { name: ' Run SlideRule' }).click();
+
+    // Wait for navigation (optional, depends on app behavior)
+    await page.waitForURL('**/analyze/1', { timeout: 180000 }); // waits up to 3 minutes
+
+    //await page.pause();
+    //debugger;
+    await expect(page.getByLabel('1 - atl06p', { exact: true }).getByLabel('h_mean', { exact: true })).toMatchAriaSnapshot(`- combobox "h_mean"`);
+
+});
+test.setTimeout(180000); // Set timeout to 3 minutes for the test

web-client/playwright.config.ts playwright.config.tsweb-client/playwright.config.ts renamed to playwright.config.ts

@@ -55,7 +55,6 @@
     "zod": "^3.25.67"
   },
   "devDependencies": {
-    "@playwright/test": "^1.54.1",
     "@rushstack/eslint-patch": "^1.10.4",
     "@tsconfig/node18": "^18.2.4",
     "@types/colormap": "^2.3.4",