@neo4j-cypher/react-codemirror 2.0.0-next.4 → 2.0.0-next.6

package/dist/e2e_tests/historyNavigation.spec.js

@@ -0,0 +1,136 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { expect, test } from '@playwright/experimental-ct-react';
+import { CypherEditor } from '../CypherEditor';
+import { CypherEditorPage } from './e2eUtils';
+test.use({ viewport: { width: 500, height: 500 } });
+test('respects preloaded history', async ({ page, mount }) => {
+    const editorPage = new CypherEditorPage(page);
+    const initialValue = 'MATCH (n) RETURN n;';
+    await mount(_jsx(CypherEditor, { value: initialValue, history: ['first', 'second'], onExecute: () => {
+            /* needed to turn on history movements */
+        } }));
+    await editorPage.getEditor().press('ArrowUp');
+    await expect(page.getByText('first')).toBeVisible();
+    // First arrow up is to get to start of line
+    await editorPage.getEditor().press('ArrowUp');
+    await editorPage.getEditor().press('ArrowUp');
+    await expect(page.getByText('second')).toBeVisible();
+    await editorPage.getEditor().press('ArrowDown');
+    await expect(page.getByText('first')).toBeVisible();
+    await editorPage.getEditor().press('ArrowDown');
+    await expect(page.getByText(initialValue)).toBeVisible();
+});
+test('can execute queries and see them in history', async ({ page, mount }) => {
+    const editorPage = new CypherEditorPage(page);
+    const initialValue = `MATCH (n)
+RETURN n;`;
+    const history = [];
+    const onExecute = (cmd) => {
+        history.unshift(cmd);
+    };
+    const editor = await mount(_jsx(CypherEditor, { value: initialValue, history: history, onExecute: onExecute }));
+    // Execute initial query
+    await editorPage.getEditor().press('Control+Enter');
+    await editorPage.getEditor().press('Meta+Enter');
+    expect(history.length).toBe(1);
+    // Ensure query execution doesn't fire if the query is only whitespace
+    await editorPage.getEditor().fill('     ');
+    await editorPage.getEditor().press('Control+Enter');
+    await editorPage.getEditor().press('Meta+Enter');
+    expect(history.length).toBe(1);
+    // Ensure only enter doesn't execute query
+    await editorPage.getEditor().fill('multiline');
+    await editorPage.getEditor().press('Enter');
+    await editorPage.getEditor().press('Enter');
+    await editorPage.getEditor().press('Enter');
+    await editorPage.getEditor().press('Enter');
+    await page.keyboard.type('entry');
+    expect(history.length).toBe(1);
+    await editorPage.getEditor().press('Control+Enter');
+    await editorPage.getEditor().press('Meta+Enter');
+    expect(history.length).toBe(2);
+    // rerender with new history
+    await editor.update(_jsx(CypherEditor, { value: initialValue, history: history, onExecute: onExecute }));
+    // type a new query and make sure it's not lost when navigating history
+    await editorPage.getEditor().fill('draft');
+    await expect(page.getByText('draft')).toBeVisible();
+    expect(history.length).toBe(2);
+    // Navigate to the top of the editor before navigating history
+    await editorPage.getEditor().press('ArrowLeft');
+    await editorPage.getEditor().press('ArrowLeft');
+    await editorPage.getEditor().press('ArrowLeft');
+    await editorPage.getEditor().press('ArrowLeft');
+    await editorPage.getEditor().press('ArrowLeft');
+    await editorPage.getEditor().press('ArrowUp');
+    // Ensure moving down in the editor doesn't navigate history
+    await expect(page.getByText('multiline')).toBeVisible();
+    // arrow movements don't matter until bottom is hit
+    await editorPage.getEditor().press('ArrowUp');
+    await editorPage.getEditor().press('ArrowUp');
+    await editorPage.getEditor().press('ArrowDown');
+    await editorPage.getEditor().press('ArrowDown');
+    // editor still multiline
+    await expect(page.getByText('multiline')).toBeVisible();
+    // until you hit the end where have the draft we created earlier
+    await editorPage.getEditor().press('ArrowDown');
+    await expect(page.getByText('draft')).toBeVisible();
+});
+test('can navigate with cmd+up as well', async ({ page, mount }) => {
+    const editorPage = new CypherEditorPage(page);
+    const isMac = process.platform === 'darwin';
+    const metaUp = isMac ? 'Meta+ArrowUp' : 'Control+ArrowUp';
+    const metaDown = isMac ? 'Meta+ArrowDown' : 'Control+ArrowDown';
+    const initialValue = 'MATCH (n) RETURN n;';
+    await mount(_jsx(CypherEditor, { value: initialValue, history: [
+            `one
+multiline
+entry
+.`,
+            'second',
+        ], onExecute: () => {
+            /* needed to turn on history movements */
+        } }));
+    await editorPage.getEditor().press(metaUp);
+    await expect(page.getByText('multiline')).toBeVisible();
+    // Single meta up moves all the way to top of editor on mac
+    if (isMac) {
+        await editorPage.getEditor().press(metaUp);
+    }
+    else {
+        await editorPage.getEditor().press('ArrowUp');
+        await editorPage.getEditor().press('ArrowUp');
+        await editorPage.getEditor().press('ArrowUp');
+        await editorPage.getEditor().press('ArrowUp');
+    }
+    // move in history
+    await editorPage.getEditor().press(metaUp);
+    await expect(page.getByText('second')).toBeVisible();
+    await editorPage.getEditor().press(metaDown);
+    await expect(page.getByText('multiline')).toBeVisible();
+});
+test('test onExecute', async ({ page, mount }) => {
+    const editorPage = new CypherEditorPage(page);
+    const isMac = process.platform === 'darwin';
+    const execButton = isMac ? 'Meta+Enter' : 'Control+Enter';
+    const initialValue = 'MATCH (n) RETURN n;';
+    const history = [];
+    const onExecute = (cmd) => {
+        history.unshift(cmd);
+    };
+    const cypherEditor = await mount(_jsx(CypherEditor, { value: initialValue, onExecute: onExecute }));
+    await editorPage.getEditor().press(execButton);
+    expect(history).toEqual([initialValue]);
+    await editorPage.getEditor().press(execButton);
+    expect(history).toEqual([initialValue, initialValue]);
+    // can update onExecute
+    let newExecRan = false;
+    const newOnExecute = () => {
+        newExecRan = true;
+    };
+    await cypherEditor.update(_jsx(CypherEditor, { value: initialValue, onExecute: newOnExecute }));
+    await editorPage.getEditor().press(execButton);
+    expect(newExecRan).toEqual(true);
+    // old value should still be only 2
+    expect(history).toEqual([initialValue, initialValue]);
+});
+//# sourceMappingURL=historyNavigation.spec.js.map

package/dist/e2e_tests/historyNavigation.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"historyNavigation.spec.js","sourceRoot":"","sources":["../../src/e2e_tests/historyNavigation.spec.tsx"],"names":[],"mappings":"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"}

package/dist/e2e_tests/performanceTest.spec.d.ts

@@ -0,0 +1,6 @@
+declare global {
+    interface Window {
+        longtasks: number[];
+    }
+}
+export {};

package/dist/e2e_tests/performanceTest.spec.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { testData } from '@neo4j-cypher/language-support';
+import { expect, test } from '@playwright/experimental-ct-react';
+import { CypherEditor } from '../CypherEditor';
+import { CypherEditorPage } from './e2eUtils';
+test.use({ viewport: { width: 1000, height: 500 } });
+test('benchmarking & performance test session', async ({ mount, page }) => {
+    const client = await page.context().newCDPSession(page);
+    if (process.env.BENCHMARKING === 'true') {
+        test.setTimeout(1000000);
+        await client.send('Performance.enable');
+        await client.send('Emulation.setCPUThrottlingRate', { rate: 4 });
+        await client.send('Overlay.setShowFPSCounter', { show: true });
+        await page.evaluate(() => {
+            window.longtasks = [];
+            const observer = new PerformanceObserver((list) => {
+                window.longtasks.push(...list.getEntries().map((e) => e.duration));
+            });
+            observer.observe({ entryTypes: ['longtask'] });
+        });
+    }
+    else {
+        test.setTimeout(30 * 1000);
+    }
+    const editorPage = new CypherEditorPage(page);
+    const component = await mount(_jsx(CypherEditor, { prompt: "neo4j>", theme: "dark", lint: true, schema: testData.mockSchema }));
+    // pressSequentially is less efficient -> we want to test the performance of the editor
+    await editorPage.getEditor().pressSequentially(`
+   MATCH (n:Person) RETURN m;`);
+    await editorPage.checkErrorMessage('m', 'Variable `m` not defined');
+    // set and unset large query a few times
+    await component.update(_jsx(CypherEditor, { value: testData.largeQuery, schema: testData.mockSchema }));
+    await component.update(_jsx(CypherEditor, { value: "", schema: testData.mockSchema }));
+    await component.update(_jsx(CypherEditor, { value: testData.largeQuery, schema: testData.mockSchema }));
+    await component.update(_jsx(CypherEditor, { value: "" }));
+    await component.update(_jsx(CypherEditor, { value: testData.largeQuery, schema: testData.mockSchema }));
+    await component.update(_jsx(CypherEditor, { value: "", schema: testData.mockSchema }));
+    await component.update(_jsx(CypherEditor, { value: testData.largeQuery, schema: testData.mockSchema }));
+    await component.update(_jsx(CypherEditor, { value: "", schema: testData.mockSchema }));
+    await component.update(_jsx(CypherEditor, { value: testData.largeQuery, schema: testData.mockSchema }));
+    await editorPage.getEditor().pressSequentially(`
+ MATCH (n:P`);
+    await expect(page.locator('.cm-tooltip-autocomplete').getByText('Person')).toBeVisible();
+    await page.locator('.cm-tooltip-autocomplete').getByText('Person').click();
+    await expect(page.locator('.cm-tooltip-autocomplete')).not.toBeVisible();
+    await expect(component).toContainText('MATCH (n:Person');
+    await editorPage.getEditor().pressSequentially(') RETRN my');
+    await expect(component).toContainText('MATCH (n:Person) RETRN m');
+    await editorPage.checkErrorMessage('RETRN', 'Unexpected token. Did you mean RETURN?');
+    await editorPage
+        .getEditor()
+        .pressSequentially('veryveryveryverylongvariable');
+    if (process.env.BENCHMARKING === 'true') {
+        const longtasks = await page.evaluate(() => window.longtasks);
+        const sortedLongTasks = longtasks.sort((a, b) => a - b);
+        const medianLongTask = sortedLongTasks[Math.floor(sortedLongTasks.length / 2)];
+        const averageLongTask = sortedLongTasks.reduce((a, b) => a + b, 0) / sortedLongTasks.length;
+        const over500 = sortedLongTasks.filter((t) => t > 500).length;
+        const nintyninethPercentile = sortedLongTasks[Math.floor(sortedLongTasks.length * 0.99)];
+        const longTaskCount = longtasks.length;
+        const totalLongTaskTime = longtasks.reduce((a, b) => a + b, 0);
+        const USER_ID = 1226722;
+        const API_KEY = process.env.GRAFANA_API_KEY;
+        if (!API_KEY) {
+            throw new Error('Missing grafana api key');
+        }
+        const metrics = {
+            medianLongTask,
+            averageLongTask,
+            over500,
+            nintyninethPercentile,
+            longTaskCount,
+            totalLongTaskTime,
+        };
+        const body = Object.entries(metrics)
+            .map(([key, value]) => `benchmark,bar_label=${key},source=playwright metric=${value}`)
+            .join('\n');
+        await fetch('https://influx-prod-39-prod-eu-north-0.grafana.net/api/v1/push/influx/write', {
+            method: 'post',
+            body,
+            headers: {
+                Authorization: `Bearer ${USER_ID}:${API_KEY}`,
+                'Content-Type': 'text/plain',
+            },
+        }).then((res) => {
+            if (res.ok) {
+                // eslint-disable-next-line no-console
+                console.log('Metrics pushed to grafana successfully');
+            }
+            else {
+                throw new Error(`Failed to push metrics to grafana: ${res.statusText}`);
+            }
+        });
+    }
+});
+//# sourceMappingURL=performanceTest.spec.js.map

package/dist/e2e_tests/performanceTest.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"performanceTest.spec.js","sourceRoot":"","sources":["../../src/e2e_tests/performanceTest.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,IAAI,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;AAOrD,IAAI,CAAC,yCAAyC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IACxE,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IACxD,IAAI,OAAO,CAAC,GAAG,CAAC,YAAY,KAAK,MAAM,EAAE;QACvC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACzB,MAAM,MAAM,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACxC,MAAM,MAAM,CAAC,IAAI,CAAC,gCAAgC,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;QACjE,MAAM,MAAM,CAAC,IAAI,CAAC,2BAA2B,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QAE/D,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;YACvB,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;YACtB,MAAM,QAAQ,GAAG,IAAI,mBAAmB,CAAC,CAAC,IAAI,EAAE,EAAE;gBAChD,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;YACrE,CAAC,CAAC,CAAC;YAEH,QAAQ,CAAC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;KACJ;SAAM;QACL,IAAI,CAAC,UAAU,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;KAC5B;IACD,MAAM,UAAU,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC9C,MAAM,SAAS,GAAG,MAAM,KAAK,CAC3B,KAAC,YAAY,IACX,MAAM,EAAC,QAAQ,EACf,KAAK,EAAC,MAAM,EACZ,IAAI,QACJ,MAAM,EAAE,QAAQ,CAAC,UAAU,GAC3B,CACH,CAAC;IAEF,uFAAuF;IACvF,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC,iBAAiB,CAAC;8BACnB,CAAC,CAAC;IAE9B,MAAM,UAAU,CAAC,iBAAiB,CAAC,GAAG,EAAE,0BAA0B,CAAC,CAAC;IAEpE,wCAAwC;IACxC,MAAM,SAAS,CAAC,MAAM,CACpB,KAAC,YAAY,IAAC,KAAK,EAAE,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,UAAU,GAAI,CAC1E,CAAC;IACF,MAAM,SAAS,CAAC,MAAM,CACpB,KAAC,YAAY,IAAC,KAAK,EAAC,EAAE,EAAC,MAAM,EAAE,QAAQ,CAAC,UAAU,GAAI,CACvD,CAAC;IAEF,MAAM,SAAS,CAAC,MAAM,CACpB,KAAC,YAAY,IAAC,KAAK,EAAE,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,UAAU,GAAI,CAC1E,CAAC;IACF,MAAM,SAAS,CAAC,MAAM,CAAC,KAAC,YAAY,IAAC,KAAK,EAAC,EAAE,GAAG,CAAC,CAAC;IAElD,MAAM,SAAS,CAAC,MAAM,CACpB,KAAC,YAAY,IAAC,KAAK,EAAE,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,UAAU,GAAI,CAC1E,CAAC;IACF,MAAM,SAAS,CAAC,MAAM,CACpB,KAAC,YAAY,IAAC,KAAK,EAAC,EAAE,EAAC,MAAM,EAAE,QAAQ,CAAC,UAAU,GAAI,CACvD,CAAC;IAEF,MAAM,SAAS,CAAC,MAAM,CACpB,KAAC,YAAY,IAAC,KAAK,EAAE,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,UAAU,GAAI,CAC1E,CAAC;IACF,MAAM,SAAS,CAAC,MAAM,CACpB,KAAC,YAAY,IAAC,KAAK,EAAC,EAAE,EAAC,MAAM,EAAE,QAAQ,CAAC,UAAU,GAAI,CACvD,CAAC;IAEF,MAAM,SAAS,CAAC,MAAM,CACpB,KAAC,YAAY,IAAC,KAAK,EAAE,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,UAAU,GAAI,CAC1E,CAAC;IAEF,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC,iBAAiB,CAAC;YACrC,CAAC,CAAC;IAEZ,MAAM,MAAM,CACV,IAAI,CAAC,OAAO,CAAC,0BAA0B,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAC7D,CAAC,WAAW,EAAE,CAAC;IAEhB,MAAM,IAAI,CAAC,OAAO,CAAC,0BAA0B,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,CAAC;IAE3E,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,0BAA0B,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;IAEzE,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAEzD,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAE7D,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;IAElE,MAAM,UAAU,CAAC,iBAAiB,CAChC,OAAO,EACP,wCAAwC,CACzC,CAAC;IAEF,MAAM,UAAU;SACb,SAAS,EAAE;SACX,iBAAiB,CAAC,8BAA8B,CAAC,CAAC;IAErD,IAAI,OAAO,CAAC,GAAG,CAAC,YAAY,KAAK,MAAM,EAAE;QACvC,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAC9D,MAAM,eAAe,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACxD,MAAM,cAAc,GAClB,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;QAC1D,MAAM,eAAe,GACnB,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,eAAe,CAAC,MAAM,CAAC;QACtE,MAAM,OAAO,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC;QAC9D,MAAM,qBAAqB,GACzB,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;QAC7D,MAAM,aAAa,GAAG,SAAS,CAAC,MAAM,CAAC;QACvC,MAAM,iBAAiB,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QAE/D,MAAM,OAAO,GAAG,OAAO,CAAC;QACxB,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;QAC5C,IAAI,CAAC,OAAO,EAAE;YACZ,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC;SAC5C;QAED,MAAM,OAAO,GAAG;YACd,cAAc;YACd,eAAe;YACf,OAAO;YACP,qBAAqB;YACrB,aAAa;YACb,iBAAiB;SAClB,CAAC;QACF,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;aACjC,GAAG,CACF,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CACf,uBAAuB,GAAG,6BAA6B,KAAK,EAAE,CACjE;aACA,IAAI,CAAC,IAAI,CAAC,CAAC;QAEd,MAAM,KAAK,CACT,6EAA6E,EAC7E;YACE,MAAM,EAAE,MAAM;YACd,IAAI;YACJ,OAAO,EAAE;gBACP,aAAa,EAAE,UAAU,OAAO,IAAI,OAAO,EAAE;gBAC7C,cAAc,EAAE,YAAY;aAC7B;SACF,CACF,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;YACb,IAAI,GAAG,CAAC,EAAE,EAAE;gBACV,sCAAsC;gBACtC,OAAO,CAAC,GAAG,CAAC,wCAAwC,CAAC,CAAC;aACvD;iBAAM;gBACL,MAAM,IAAI,KAAK,CAAC,sCAAsC,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC;aACzE;QACH,CAAC,CAAC,CAAC;KACJ;AACH,CAAC,CAAC,CAAC"}

package/dist/e2e_tests/sanityChecks.spec.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { expect, test } from '@playwright/experimental-ct-react';
+import { CypherEditor } from '../CypherEditor';
+test.use({ viewport: { width: 500, height: 500 } });
+test('can mount the editor with text', async ({ mount }) => {
+    const component = await mount(_jsx(CypherEditor, { value: "MATCH (n) RETURN n;" }));
+    await expect(component).toContainText('MATCH (n) RETURN n;');
+});
+test('the editors text can be externally controlled ', async ({ mount }) => {
+    const intitialValue = 'MATCH (n) RETURN n;';
+    const component = await mount(_jsx(CypherEditor, { value: intitialValue }));
+    await expect(component).toContainText(intitialValue);
+    const newValue = 'RETURN 123';
+    await component.update(_jsx(CypherEditor, { value: newValue }));
+    await expect(component).toContainText(newValue);
+});
+test('the editor can report changes to the text ', async ({ mount, page }) => {
+    const intitialValue = 'MATCH (n) ';
+    let editorValueCopy = intitialValue;
+    const onChange = (val) => {
+        editorValueCopy = val;
+    };
+    await mount(_jsx(CypherEditor, { value: intitialValue, onChange: onChange }));
+    const textField = page.getByRole('textbox');
+    await textField.fill('RETURN 12');
+    // editor update is debounced, retry wait for debounced
+    await expect(() => {
+        expect(editorValueCopy).toBe('RETURN 12');
+    }).toPass({ intervals: [300, 300, 1000] });
+    await page.keyboard.type('34');
+    await expect(() => {
+        expect(editorValueCopy).toBe('RETURN 12');
+    }).toPass({ intervals: [300, 300, 1000] });
+});
+test('can complete RETURN', async ({ page, mount }) => {
+    await mount(_jsx(CypherEditor, {}));
+    const textField = page.getByRole('textbox');
+    await textField.fill('RETU');
+    await page.getByText('RETURN').click();
+    await expect(textField).toHaveText('RETURN');
+});
+test('can complete CALL/CREATE', async ({ page, mount }) => {
+    await mount(_jsx(CypherEditor, {}));
+    const textField = page.getByRole('textbox');
+    await textField.fill('C');
+    await expect(page.getByText('CALL')).toBeVisible();
+    await expect(page.getByText('CREATE')).toBeVisible();
+    await textField.fill('CA');
+    await expect(page.getByText('CALL')).toBeVisible();
+    await expect(page.getByText('CREATE')).not.toBeVisible();
+    // wait for the autocomplete interactivity
+    await page.waitForTimeout(500);
+    await textField.press('Enter');
+    await expect(textField).toHaveText('CALL');
+});
+test('prompt shows up', async ({ mount, page }) => {
+    const component = await mount(_jsx(CypherEditor, { prompt: "neo4j>" }));
+    await expect(component).toContainText('neo4j>');
+    await component.update(_jsx(CypherEditor, { prompt: "test>" }));
+    await expect(component).toContainText('test>');
+    const textField = page.getByRole('textbox');
+    await textField.press('a');
+    await expect(textField).toHaveText('a');
+});
+//# sourceMappingURL=sanityChecks.spec.js.map

package/dist/e2e_tests/sanityChecks.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanityChecks.spec.js","sourceRoot":"","sources":["../../src/e2e_tests/sanityChecks.spec.tsx"],"names":[],"mappings":"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"}

package/dist/e2e_tests/signatureHelp.spec.js

@@ -0,0 +1,151 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { testData } from '@neo4j-cypher/language-support';
+import { expect, test } from '@playwright/experimental-ct-react';
+import { CypherEditor } from '../CypherEditor';
+test.use({ viewport: { width: 1000, height: 500 } });
+function testTooltip(tooltip, expectations) {
+    const includes = expectations.includes ?? [];
+    const excludes = expectations.excludes ?? [];
+    const included = Promise.all(includes.map((text) => {
+        return expect(tooltip).toContainText(text, {
+            timeout: 2000,
+        });
+    }));
+    const excluded = Promise.all(excludes.map((text) => {
+        return expect(tooltip).not.toContainText(text, {
+            timeout: 2000,
+        });
+    }));
+    return Promise.all([included, excluded]);
+}
+test('Signature help works for functions', async ({ page, mount }) => {
+    const query = 'RETURN abs(';
+    await mount(_jsx(CypherEditor, { value: query, schema: testData.mockSchema, autofocus: true }));
+    await expect(page.locator('.cm-tooltip-signature-help').last()).toBeVisible({
+        timeout: 2000,
+    });
+});
+test('Signature help works for procedures', async ({ page, mount }) => {
+    const query = 'CALL apoc.import.csv(';
+    await mount(_jsx(CypherEditor, { value: query, schema: testData.mockSchema, autofocus: true }));
+    await expect(page.locator('.cm-tooltip-signature-help').last()).toBeVisible({
+        timeout: 2000,
+    });
+});
+test('Signature help shows the description for the first argument', async ({ page, mount, }) => {
+    const query = 'CALL apoc.import.csv(';
+    await mount(_jsx(CypherEditor, { value: query, schema: testData.mockSchema, autofocus: true }));
+    const tooltip = page.locator('.cm-tooltip-signature-help').last();
+    await testTooltip(tooltip, {
+        includes: [
+            'nodes :: LIST<MAP>',
+            'Imports `NODE` and `RELATIONSHIP` values with the given labels and types from the provided CSV file',
+        ],
+    });
+});
+test('Signature help shows the description for the first argument when the cursor is at that position', async ({ page, mount, }) => {
+    const query = 'CALL apoc.import.csv()';
+    await mount(_jsx(CypherEditor, { value: query, schema: testData.mockSchema, offset: 21 }));
+    const tooltip = page.locator('.cm-tooltip-signature-help').last();
+    await testTooltip(tooltip, {
+        includes: [
+            'nodes :: LIST<MAP>',
+            'Imports `NODE` and `RELATIONSHIP` values with the given labels and types from the provided CSV file',
+        ],
+    });
+});
+test('Signature help shows the description for the second argument', async ({ page, mount, }) => {
+    const query = 'CALL apoc.import.csv(nodes,';
+    await mount(_jsx(CypherEditor, { value: query, schema: testData.mockSchema, autofocus: true }));
+    const tooltip = page.locator('.cm-tooltip-signature-help').last();
+    await testTooltip(tooltip, {
+        includes: [
+            'rels :: LIST<MAP>',
+            'Imports `NODE` and `RELATIONSHIP` values with the given labels and types from the provided CSV file',
+        ],
+    });
+});
+test('Signature help shows the description for the second argument when the cursor is at that position', async ({ page, mount, }) => {
+    const query = 'CALL apoc.import.csv(nodes,)';
+    await mount(_jsx(CypherEditor, { value: query, schema: testData.mockSchema, offset: 27 }));
+    const tooltip = page.locator('.cm-tooltip-signature-help').last();
+    await testTooltip(tooltip, {
+        includes: [
+            'rels :: LIST<MAP>',
+            'Imports `NODE` and `RELATIONSHIP` values with the given labels and types from the provided CSV file',
+        ],
+    });
+});
+test('Signature help shows the description for the second argument when the cursor is at that position, even after whitespaces', async ({ page, mount, }) => {
+    const query = 'CALL apoc.import.csv(nodes,  )';
+    await mount(_jsx(CypherEditor, { value: query, schema: testData.mockSchema, offset: 28 }));
+    const tooltip = page.locator('.cm-tooltip-signature-help').last();
+    await testTooltip(tooltip, {
+        includes: [
+            'rels :: LIST<MAP>',
+            'Imports `NODE` and `RELATIONSHIP` values with the given labels and types from the provided CSV file',
+        ],
+    });
+});
+test('Signature help shows description for arguments with a space following a separator', async ({ page, mount, }) => {
+    const query = 'CALL apoc.import.csv(nodes, ';
+    await mount(_jsx(CypherEditor, { value: query, schema: testData.mockSchema, autofocus: true }));
+    const tooltip = page.locator('.cm-tooltip-signature-help').last();
+    await testTooltip(tooltip, {
+        includes: [
+            'rels :: LIST<MAP>',
+            'Imports `NODE` and `RELATIONSHIP` values with the given labels and types from the provided CSV file',
+        ],
+    });
+});
+test('Signature help shows the description for the third argument', async ({ page, mount, }) => {
+    const query = 'CALL apoc.import.csv(nodes, rels,';
+    await mount(_jsx(CypherEditor, { value: query, schema: testData.mockSchema, autofocus: true }));
+    const tooltip = page.locator('.cm-tooltip-signature-help').last();
+    await testTooltip(tooltip, {
+        includes: [
+            'config :: MAP',
+            'Imports `NODE` and `RELATIONSHIP` values with the given labels and types from the provided CSV file',
+        ],
+    });
+});
+test('Signature help works on multiline queries', async ({ page, mount }) => {
+    const query = `CALL apoc.import.csv(
+    nodes, 
+    rels,  
+    `;
+    await mount(_jsx(CypherEditor, { value: query, schema: testData.mockSchema, autofocus: true }));
+    const tooltip = page.locator('.cm-tooltip-signature-help').last();
+    await testTooltip(tooltip, {
+        includes: [
+            'config :: MAP',
+            'Imports `NODE` and `RELATIONSHIP` values with the given labels and types from the provided CSV file',
+        ],
+    });
+});
+test('Signature help only shows the description past the last argument', async ({ page, mount, }) => {
+    const query = 'CALL apoc.import.csv(nodes, rels, config,';
+    await mount(_jsx(CypherEditor, { value: query, schema: testData.mockSchema, autofocus: true }));
+    const tooltip = page.locator('.cm-tooltip-signature-help').last();
+    await testTooltip(tooltip, {
+        includes: [
+            'Imports `NODE` and `RELATIONSHIP` values with the given labels and types from the provided CSV file',
+        ],
+        excludes: ['config :: MAP'],
+    });
+});
+test('Signature help does not show any help when method finished', async ({ page, mount, }) => {
+    const query = 'CALL apoc.import.csv(nodes, rels, config)';
+    await mount(_jsx(CypherEditor, { value: query, schema: testData.mockSchema, autofocus: true }));
+    await expect(page.locator('.cm-tooltip-signature-help').last()).not.toBeVisible({
+        timeout: 2000,
+    });
+});
+test('Signature help does not blow up on empty query', async ({ page, mount, }) => {
+    const query = '';
+    await mount(_jsx(CypherEditor, { value: query, schema: testData.mockSchema, autofocus: true }));
+    await expect(page.locator('.cm-tooltip-signature-help').last()).not.toBeVisible({
+        timeout: 2000,
+    });
+});
+//# sourceMappingURL=signatureHelp.spec.js.map

package/dist/e2e_tests/signatureHelp.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signatureHelp.spec.js","sourceRoot":"","sources":["../../src/e2e_tests/signatureHelp.spec.tsx"],"names":[],"mappings":"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"}

package/dist/e2e_tests/syntaxHighlighting.spec.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { expect, test } from '@playwright/experimental-ct-react';
+import { CypherEditor } from '../CypherEditor';
+import { darkThemeConstants, lightThemeConstants } from '../themes';
+import { CypherEditorPage } from './e2eUtils';
+test.use({ viewport: { width: 500, height: 500 } });
+test('light theme highlighting', async ({ page, mount }) => {
+    const editorPage = new CypherEditorPage(page);
+    const query = `
+  MATCH (variable :Label)-[:REL_TYPE]->() 
+WHERE variable.property = "String" 
+    OR namespaced.function() = false
+    // comment
+    OR $parameter > 1234 
+RETURN variable;`;
+    await mount(_jsx(CypherEditor, { value: query, theme: "light" }));
+    const keywordcolors = await Promise.all(['MATCH', 'WHERE', 'RETURN'].map((kw) => editorPage.getHexColorOfLocator(page.getByText(kw))));
+    keywordcolors.every((kw) => expect(kw).toEqual(lightThemeConstants.highlightStyles.keyword));
+    const labelReltype = await Promise.all(['Label', 'REL_TYPE'].map((kw) => editorPage.getHexColorOfLocator(page.getByText(kw))));
+    labelReltype.every((kw) => expect(kw).toEqual(lightThemeConstants.highlightStyles.label));
+    expect(await editorPage.getHexColorOfLocator(page.getByText('parameter'))).toEqual(lightThemeConstants.highlightStyles.paramValue);
+    expect(await editorPage.getHexColorOfLocator(page.getByText('property'))).toEqual(lightThemeConstants.highlightStyles.property);
+    expect(await editorPage.getHexColorOfLocator(page.getByText('false'))).toEqual(lightThemeConstants.highlightStyles.booleanLiteral);
+    expect(await editorPage.getHexColorOfLocator(page.getByText('String'))).toEqual(lightThemeConstants.highlightStyles.stringLiteral);
+    expect(await editorPage.getHexColorOfLocator(page.getByText('comment'))).toEqual(lightThemeConstants.highlightStyles.comment);
+    expect(await editorPage.getHexColorOfLocator(page.getByText('1234', { exact: true }))).toEqual(lightThemeConstants.highlightStyles.numberLiteral);
+    expect(await editorPage.editorBackgroundIsUnset()).toEqual(false);
+});
+test('dark theme highlighting', async ({ page, mount }) => {
+    const editorPage = new CypherEditorPage(page);
+    const query = `
+  MATCH (variable :Label)-[:REL_TYPE]->() 
+WHERE variable.property = "String" 
+    OR namespaced.function() = false
+    // comment
+    OR $parameter > 1234 
+RETURN variable;`;
+    await mount(_jsx(CypherEditor, { value: query, theme: "dark" }));
+    const keywordcolors = await Promise.all(['MATCH', 'WHERE', 'RETURN'].map((kw) => editorPage.getHexColorOfLocator(page.getByText(kw))));
+    keywordcolors.every((kw) => expect(kw).toEqual(darkThemeConstants.highlightStyles.keyword));
+    const labelReltype = await Promise.all(['Label', 'REL_TYPE'].map((kw) => editorPage.getHexColorOfLocator(page.getByText(kw))));
+    labelReltype.every((kw) => expect(kw).toEqual(darkThemeConstants.highlightStyles.label));
+    expect(await editorPage.getHexColorOfLocator(page.getByText('parameter'))).toEqual(darkThemeConstants.highlightStyles.paramValue);
+    expect(await editorPage.getHexColorOfLocator(page.getByText('property'))).toEqual(darkThemeConstants.highlightStyles.property);
+    expect(await editorPage.getHexColorOfLocator(page.getByText('false'))).toEqual(darkThemeConstants.highlightStyles.booleanLiteral);
+    expect(await editorPage.getHexColorOfLocator(page.getByText('String'))).toEqual(darkThemeConstants.highlightStyles.stringLiteral);
+    expect(await editorPage.getHexColorOfLocator(page.getByText('comment'))).toEqual(darkThemeConstants.highlightStyles.comment);
+    expect(await editorPage.getHexColorOfLocator(page.getByText('1234', { exact: true }))).toEqual(darkThemeConstants.highlightStyles.numberLiteral);
+    expect(await editorPage.editorBackgroundIsUnset()).toEqual(false);
+});
+test('can live switch theme ', async ({ page, mount }) => {
+    const editorPage = new CypherEditorPage(page);
+    const component = await mount(_jsx(CypherEditor, { theme: "light", value: "RETURN" }));
+    expect(await editorPage.getHexColorOfLocator(page.getByText('RETURN', { exact: true }))).toEqual(lightThemeConstants.highlightStyles.keyword);
+    await component.update(_jsx(CypherEditor, { theme: "dark", value: "RETURN" }));
+    expect(await editorPage.getHexColorOfLocator(page.getByText('RETURN', { exact: true }))).toEqual(darkThemeConstants.highlightStyles.keyword);
+});
+test('respects prop to allow overriding bkg color', async ({ page, mount }) => {
+    const editorPage = new CypherEditorPage(page);
+    await mount(_jsx(CypherEditor, { theme: "light", value: "text", overrideThemeBackgroundColor: true }));
+    expect(await editorPage.editorBackgroundIsUnset()).toEqual(true);
+});
+test('highlights multiline string literal correctly', async ({ page, mount, }) => {
+    const editorPage = new CypherEditorPage(page);
+    const query = `
+RETURN "
+multilinestring";`;
+    await mount(_jsx(CypherEditor, { theme: "light", value: query }));
+    expect(await editorPage.getHexColorOfLocator(page.getByText('multilinestring'))).toEqual(lightThemeConstants.highlightStyles.stringLiteral);
+});
+test('highlights multiline label correctly', async ({ page, mount }) => {
+    const editorPage = new CypherEditorPage(page);
+    const query = `
+MATCH (v:\`
+
+Label\`)
+`;
+    await mount(_jsx(CypherEditor, { theme: "light", value: query }));
+    expect(await editorPage.getHexColorOfLocator(page.getByText('Label'))).toEqual(lightThemeConstants.highlightStyles.label);
+});
+test('highlights multiline comment correctly', async ({ page, mount }) => {
+    const editorPage = new CypherEditorPage(page);
+    const query = `
+/*
+
+comment
+*/";`;
+    await mount(_jsx(CypherEditor, { theme: "light", value: query }));
+    expect(await editorPage.getHexColorOfLocator(page.getByText('comment'))).toEqual(lightThemeConstants.highlightStyles.comment);
+});
+//# sourceMappingURL=syntaxHighlighting.spec.js.map

package/dist/e2e_tests/syntaxHighlighting.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"syntaxHighlighting.spec.js","sourceRoot":"","sources":["../../src/e2e_tests/syntaxHighlighting.spec.tsx"],"names":[],"mappings":"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"}