add basic search test with playwright

.github/workflows/build.yml

@@ -66,6 +66,11 @@ jobs:
         run: |
           set -eux
           python -m pytest -vv -r ap --cov jupyterlab_search_replace
+
+      - name: Playwright Tests
+        run: |
+          set -eux
+          jlpm playwright test
 
       - name: Check JupyterLab installation
         run: |

.gitignore

@@ -48,6 +48,10 @@ MANIFEST
 pip-log.txt
 pip-delete-this-directory.txt
 
+# Integration tests
+ui-tests/test-results/
+ui-tests/playwright-report/
+
 # Unit test / coverage reports
 htmlcov/
 .tox/

MANIFEST.in

@@ -4,11 +4,13 @@ include RELEASE.md
 include pyproject.toml
 recursive-include jupyter-config *.json
 recursive-include jupyterlab_search_replace *.json
+include jupyter_server_test_config.py
 include conftest.py
 
 include package.json
 include install.json
 include ts*.json
+include *.config.js
 include yarn.lock
 
 graft jupyterlab_search_replace/labextension
@@ -17,6 +19,7 @@ graft jupyterlab_search_replace/labextension
 graft src
 graft style
 graft schema
+graft ui-tests
 prune **/node_modules
 prune lib
 prune binder

ui-tests/jupyter_server_test_config.py

@@ -0,0 +1,19 @@
+"""Server configuration for integration tests.
+!! Never use this configuration in production because it
+opens the server to the world and provide access to JupyterLab
+JavaScript objects through the global window variable.
+"""
+from tempfile import mkdtemp
+
+c.ServerApp.port = 8888
+c.ServerApp.port_retries = 0
+c.ServerApp.open_browser = False
+
+c.ServerApp.root_dir = mkdtemp(prefix="galata-test-")
+c.ServerApp.token = ""
+c.ServerApp.password = ""
+c.ServerApp.disable_check_xsrf = True
+c.LabApp.expose_app_in_browser = True
+
+# Uncomment to set server log level to debug level
+# c.ServerApp.log_level = "DEBUG"

ui-tests/package.json

@@ -0,0 +1,14 @@
+{
+    "name": "search-replace-ui-tests",
+    "version": "1.0.0",
+    "description": "JupyterLab search-replace Integration Tests",
+    "private": true,
+    "scripts": {
+      "start": "jupyter lab --config jupyter_server_test_config.py",
+      "test": "jlpm playwright test"
+    },
+    "devDependencies": {
+      "@jupyterlab/galata": "^4.1.0",
+      "@playwright/test": "^1.19.0"
+    }
+}

ui-tests/playwright.config.js

@@ -0,0 +1,14 @@
+/**
+ * Configuration for Playwright using default from @jupyterlab/galata
+ */
+ const baseConfig = require('@jupyterlab/galata/lib/playwright-config');
+
+ module.exports = {
+   ...baseConfig,
+   webServer: {
+     command: 'jlpm start',
+     url: 'http://localhost:8888/lab',
+     timeout: 120 * 1000,
+     reuseExistingServer: !process.env.CI,
+   },
+}

ui-tests/tests/search.spec.ts

@@ -0,0 +1,25 @@
+import { test } from '@jupyterlab/galata';
+import { expect } from '@playwright/test';
+
+test('test', async ({ page }) => {
+  // Click #tab-key-0 .lm-TabBar-tabIcon svg >> nth=0
+  await page.locator('#tab-key-0 .lm-TabBar-tabIcon svg').first().click();
+  // Click input[type="search"]
+  await page.locator('input[type="search"]').click();
+  // Fill input[type="search"]
+  await page.locator('input[type="search"]').fill('strange');
+
+  await Promise.all([
+    page.waitForResponse(
+      response =>
+        /.*search\/\?query=strange/.test(
+          response.url()
+        ) && response.request().method() === 'GET'
+    ),
+    page.locator('input[type="search"]').press('Enter')
+  ]);
+
+  expect(
+    await page.waitForSelector(`#jp-search-replace >> text=${JSON.stringify({"matches":[]}, undefined, 4)}`)
+  ).toBeTruthy();
+});