Add tests

.github/workflows/build.yml

@@ -106,7 +106,7 @@ jobs:
           environment-name: cad
           create-args: >-
             python=3.10
-            jupyterlab=4
+            jupyterlab=4.1.6
 
       - uses: actions/download-artifact@v4
         with:
@@ -149,7 +149,7 @@ jobs:
         shell: bash -l {0}
         working-directory: ui-tests
         run: |
-          npx playwright test
+          yarn test
 
       - name: Upload Playwright Test report
         if: always()

.gitignore

@@ -120,3 +120,6 @@ dmypy.json
 # Yarn cache
 .yarn/
 .jupyter_ystore.db
+
+**/ui-tests/test-results/
+**/ui-tests/playwright-report/

package.json

@@ -128,7 +128,8 @@
         "node_modules",
         "dist",
         "coverage",
-        "**/*.d.ts"
+        "**/*.d.ts",
+        "ui-tests"
     ],
     "eslintConfig": {
         "extends": [

src/index.ts

@@ -87,6 +87,7 @@ const plugin: JupyterFrontEndPlugin<void> = {
       tracker.add(widget);
       app.shell.activateById('jupytercad::leftControlPanel');
     });
+    console.log('jupytercad_openvsp:plugin is activated!');
   }
 };
 

ui-tests/jupyter_server_test_config.py

@@ -0,0 +1,4 @@
+from jupyterlab.galata import configure_jupyter_server
+
+configure_jupyter_server(c)  # noqa F821
+c.LabApp.collaborative = True  # noqa F821

ui-tests/tests/ui.spec.ts

@@ -0,0 +1,81 @@
+import { expect, test, galata } from '@jupyterlab/galata';
+import path from 'path';
+
+test.use({ autoGoto: false });
+
+test.describe('UI Test', () => {
+  const fileList = ['A320.vsp3'];
+
+  test.describe('Extension activation test', () => {
+    test('should emit an activation console message', async ({
+      page,
+      request
+    }) => {
+      const logs: string[] = [];
+
+      page.on('console', message => {
+        logs.push(message.text());
+      });
+
+      await page.goto();
+
+      expect(
+        logs.filter(s => s === 'jupytercad_openvsp:plugin is activated!')
+      ).toHaveLength(1);
+    });
+  });
+
+  test.describe('File rendering test', () => {
+    test.beforeAll(async ({ request }) => {
+      const content = galata.newContentsHelper(request);
+      await content.deleteDirectory('/examples');
+      await content.uploadDirectory(
+        path.resolve(__dirname, '../../examples'),
+        '/examples'
+      );
+    });
+    let errors = 0;
+    test.beforeEach(async ({ page }) => {
+      page.setViewportSize({ width: 1920, height: 1080 });
+      page.on('console', message => {
+        if (message.type() === 'error') {
+          errors += 1;
+        }
+      });
+    });
+
+    test.afterEach(async ({ page }) => {
+      errors = 0;
+    });
+
+    for (const file of fileList) {
+      test(`Should be able to render ${file} without error`, async ({
+        page
+      }) => {
+        await page.goto();
+        const fullPath = `examples/${file}`;
+        await page.notebook.openByPath(fullPath);
+        await page.notebook.activate(fullPath);
+        await page.locator('div.jpcad-Spinner').waitFor({ state: 'hidden' });
+
+        await page
+          .getByRole('tablist', { name: 'main sidebar' })
+          .getByRole('tab', { name: 'JupyterCad Control Panel' })
+          .click();
+        await page
+          .getByRole('tablist', { name: 'alternate sidebar' })
+          .getByRole('tab', { name: 'JupyterCad Control Panel' })
+          .click();
+        await page.waitForTimeout(1000);
+        const main = await page.$('#jp-main-split-panel');
+        expect(errors).toBe(0);
+        if (main) {
+          expect(await main.screenshot()).toMatchSnapshot({
+            name: `Render-${file}.png`,
+            maxDiffPixelRatio: 0.01
+          });
+        }
+      });
+    }
+  });
+});