@neo4j-cypher/react-codemirror 2.0.0-next.3 → 2.0.0-next.30

package/dist/src/e2e_tests/extraKeybindings.spec.js

@@ -0,0 +1,43 @@
+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('can add extra keybinding statically', async ({ mount, page }) => {
+    const editorPage = new CypherEditorPage(page);
+    let hasRun = false;
+    const component = await mount(_jsx(CypherEditor, { extraKeybindings: [
+            {
+                key: 'a',
+                preventDefault: true,
+                run: () => {
+                    hasRun = true;
+                    return true;
+                },
+            },
+        ] }));
+    await editorPage.getEditor().press('a');
+    await expect(component).not.toHaveText('a');
+    expect(hasRun).toBe(true);
+});
+test('can add extra keybinding dymanically', async ({ mount, page }) => {
+    const editorPage = new CypherEditorPage(page);
+    let hasRun = false;
+    const component = await mount(_jsx(CypherEditor, {}));
+    await editorPage.getEditor().press('a');
+    await editorPage.getEditor().press('Escape');
+    await expect(component).toContainText('a');
+    await component.update(_jsx(CypherEditor, { extraKeybindings: [
+            {
+                key: 'a',
+                preventDefault: true,
+                run: () => {
+                    hasRun = true;
+                    return true;
+                },
+            },
+        ] }));
+    await editorPage.getEditor().press('a');
+    await expect(component).not.toContainText('aa');
+    expect(hasRun).toBe(true);
+});
+//# sourceMappingURL=extraKeybindings.spec.js.map

package/dist/src/e2e_tests/extraKeybindings.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extraKeybindings.spec.js","sourceRoot":"","sources":["../../../src/e2e_tests/extraKeybindings.spec.tsx"],"names":[],"mappings":";AAAA,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,qCAAqC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IACpE,MAAM,UAAU,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC9C,IAAI,MAAM,GAAG,KAAK,CAAC;IACnB,MAAM,SAAS,GAAG,MAAM,KAAK,CAC3B,KAAC,YAAY,IACX,gBAAgB,EAAE;YAChB;gBACE,GAAG,EAAE,GAAG;gBACR,cAAc,EAAE,IAAI;gBACpB,GAAG,EAAE,GAAG,EAAE;oBACR,MAAM,GAAG,IAAI,CAAC;oBACd,OAAO,IAAI,CAAC;gBACd,CAAC;aACF;SACF,GACD,CACH,CAAC;IAEF,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAExC,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;IAC5C,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC5B,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,sCAAsC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IACrE,MAAM,UAAU,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC9C,IAAI,MAAM,GAAG,KAAK,CAAC;IACnB,MAAM,SAAS,GAAG,MAAM,KAAK,CAAC,KAAC,YAAY,KAAG,CAAC,CAAC;IAChD,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACxC,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAE3C,MAAM,SAAS,CAAC,MAAM,CACpB,KAAC,YAAY,IACX,gBAAgB,EAAE;YAChB;gBACE,GAAG,EAAE,GAAG;gBACR,cAAc,EAAE,IAAI;gBACpB,GAAG,EAAE,GAAG,EAAE;oBACR,MAAM,GAAG,IAAI,CAAC;oBACd,OAAO,IAAI,CAAC;gBACd,CAAC;aACF;SACF,GACD,CACH,CAAC;IAEF,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACxC,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC5B,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,227 @@
+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('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();
+    // First arrow down is to get to end of line
+    await editorPage.getEditor().press('ArrowDown');
+    await editorPage.getEditor().press('ArrowDown');
+    await expect(page.getByText('first')).toBeVisible();
+    await editorPage.getEditor().press('ArrowDown');
+    await expect(page.getByText(initialValue)).toBeVisible();
+});
+test('can add new lines without onExecute', async ({ page, mount }) => {
+    const editorPage = new CypherEditorPage(page);
+    const editorComponent = await mount(_jsx(CypherEditor, {}));
+    // Ctrl-Enter does nothing when onExecute is false
+    await editorPage.getEditor().press('Control+Enter');
+    await expect(editorComponent).toHaveText('1\n', {
+        useInnerText: true,
+    });
+    // Enter adds new lines
+    await editorPage.getEditor().fill('Brock');
+    await editorPage.getEditor().press('Enter');
+    await editorPage.getEditor().press('Enter');
+    await expect(editorComponent).toHaveText('1\n2\n3\nBrock', {
+        useInnerText: true,
+    });
+    // Shift-Enter adds new lines
+    await editorPage.getEditor().press('Shift+Enter');
+    await editorPage.getEditor().press('Shift+Enter');
+    await expect(editorComponent).toHaveText('1\n2\n3\n4\n5\nBrock', {
+        useInnerText: true,
+    });
+});
+test('can add new lines with newLineOnEnter and without onExecute', async ({ page, mount, }) => {
+    const editorPage = new CypherEditorPage(page);
+    const editorComponent = await mount(_jsx(CypherEditor, { newLineOnEnter: true }));
+    // Ctrl-Enter does nothing when onExecute is false
+    await editorPage.getEditor().press('Control+Enter');
+    await expect(editorComponent).toHaveText('1\n', {
+        useInnerText: true,
+    });
+    // Enter adds new lines
+    await editorPage.getEditor().fill('Brock');
+    await editorPage.getEditor().press('Enter');
+    await editorPage.getEditor().press('Enter');
+    await expect(editorComponent).toHaveText('1\n2\n3\nBrock', {
+        useInnerText: true,
+    });
+    // Shift-Enter adds new lines
+    await editorPage.getEditor().press('Shift+Enter');
+    await editorPage.getEditor().press('Shift+Enter');
+    await expect(editorComponent).toHaveText('1\n2\n3\n4\n5\nBrock', {
+        useInnerText: true,
+    });
+});
+test('can execute queries and see them in history with newLineOnEnter', 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, newLineOnEnter: true }));
+    // 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 cmd+enter is required in multiline
+    await editorPage.getEditor().fill('multiline');
+    await editorPage.getEditor().press('Enter');
+    await editorPage.getEditor().press('Enter');
+    await editorPage.getEditor().press('Enter');
+    await editorPage.getEditor().press('Shift+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('ArrowDown');
+    await editorPage.getEditor().press('ArrowDown');
+    await editorPage.getEditor().press('ArrowUp');
+    await editorPage.getEditor().press('ArrowUp');
+    await editorPage.getEditor().press('ArrowDown');
+    await editorPage.getEditor().press('ArrowDown');
+    await editorPage.getEditor().press('ArrowDown');
+    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 execute queries without newLineOnEnter', async ({ page, mount }) => {
+    const editorPage = new CypherEditorPage(page);
+    const initialValue = 'Brock';
+    const history = [];
+    const onExecute = (cmd) => {
+        history.unshift(cmd);
+    };
+    const editorComponent = await mount(_jsx(CypherEditor, { value: initialValue, onExecute: onExecute }));
+    // Cmd/Control still executes 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');
+    await editorPage.getEditor().press('Enter');
+    expect(history.length).toBe(1);
+    // Ensure enter executes query when in single line
+    await editorPage.getEditor().fill('Misty');
+    await editorPage.getEditor().press('Enter');
+    expect(history.length).toBe(2);
+    expect(history).toEqual(['Misty', 'Brock']);
+    // Ensure cmd+enter is required in multiline
+    await editorPage.getEditor().fill('multiline');
+    await editorPage.getEditor().press('Shift+Enter');
+    await editorPage.getEditor().press('Enter');
+    await editorPage.getEditor().press('A');
+    // line numbers and the text
+    await expect(editorComponent).toHaveText('1\n2\n3\nmultiline\nA', {
+        useInnerText: true,
+    });
+    await editorPage.getEditor().press('Enter');
+    await editorPage.getEditor().press('Enter');
+    await editorPage.getEditor().press('Enter');
+    await editorPage.getEditor().press('Enter');
+    expect(history.length).toBe(2);
+    await editorPage.getEditor().press('Control+Enter');
+    await editorPage.getEditor().press('Meta+Enter');
+    expect(history.length).toBe(3);
+});
+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: [
+            'first',
+            `one
+multiline
+entry
+.`,
+        ], onExecute: () => {
+            /* needed to turn on history movements */
+        } }));
+    await editorPage.getEditor().press(metaUp);
+    await expect(page.getByText('first')).toBeVisible();
+    // move in history
+    await editorPage.getEditor().press(metaUp);
+    await expect(page.getByText('multiline')).toBeVisible();
+    // Single meta down moves all the way to top of editor on mac
+    if (isMac) {
+        await editorPage.getEditor().press(metaDown);
+    }
+    else {
+        await editorPage.getEditor().press('ArrowDown');
+        await editorPage.getEditor().press('ArrowDown');
+        await editorPage.getEditor().press('ArrowDown');
+        await editorPage.getEditor().press('ArrowDown');
+    }
+    await editorPage.getEditor().press(metaDown);
+    await expect(page.getByText('first')).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/src/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/src/e2e_tests/performanceTest.spec.d.ts

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

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

@@ -0,0 +1,97 @@
+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 ({ browserName, mount, page, }) => {
+    test.skip(browserName !== 'chromium');
+    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', `Invalid input 'RETRN': expected a graph pattern, ',', 'ORDER BY', 'CALL', 'CREATE', 'LOAD CSV', 'DELETE', 'DETACH', 'FINISH', 'FOREACH', 'INSERT', 'LIMIT', 'MATCH', 'MERGE', 'NODETACH', 'OFFSET', 'OPTIONAL', 'REMOVE', 'RETURN', 'SET', 'SKIP', 'UNION', 'UNWIND', 'USE', 'USING', 'WHERE', 'WITH' or <EOF>`);
+    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/src/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":"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"}

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

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { expect, test } from '@playwright/experimental-ct-react';
+import { CypherEditor } from '../CypherEditor';
+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('');
+    await textField.fill('RETURN 12');
+    await expect(textField).toHaveText('RETURN 12');
+    // editor update is debounced, retry wait for debounced
+    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');
+});
+//# sourceMappingURL=sanityChecks.spec.js.map

package/dist/src/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":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,IAAI,CAAC,gCAAgC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IACzD,MAAM,SAAS,GAAG,MAAM,KAAK,CAAC,KAAC,YAAY,IAAC,KAAK,EAAC,qBAAqB,GAAG,CAAC,CAAC;IAE5E,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;AAC/D,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,gDAAgD,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IACzE,MAAM,aAAa,GAAG,qBAAqB,CAAC;IAE5C,MAAM,SAAS,GAAG,MAAM,KAAK,CAAC,KAAC,YAAY,IAAC,KAAK,EAAE,aAAa,GAAI,CAAC,CAAC;IAEtE,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAErD,MAAM,QAAQ,GAAG,YAAY,CAAC;IAC9B,MAAM,SAAS,CAAC,MAAM,CAAC,KAAC,YAAY,IAAC,KAAK,EAAE,QAAQ,GAAI,CAAC,CAAC;IAE1D,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AAClD,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,4CAA4C,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IAC3E,MAAM,aAAa,GAAG,YAAY,CAAC;IAEnC,IAAI,eAAe,GAAG,aAAa,CAAC;IACpC,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,EAAE;QAC/B,eAAe,GAAG,GAAG,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,KAAK,CAAC,KAAC,YAAY,IAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC;IAExE,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAE5C,MAAM,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACzB,MAAM,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAClC,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAEhD,uDAAuD;IACvD,MAAM,MAAM,CAAC,GAAG,EAAE;QAChB,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,qBAAqB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;IACpD,MAAM,KAAK,CAAC,KAAC,YAAY,KAAG,CAAC,CAAC;IAC9B,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAE5C,MAAM,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAE7B,MAAM,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,CAAC;IACvC,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;AAC/C,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,0BAA0B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;IACzD,MAAM,KAAK,CAAC,KAAC,YAAY,KAAG,CAAC,CAAC;IAC9B,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAE5C,MAAM,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC1B,MAAM,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACnD,MAAM,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAErD,MAAM,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3B,MAAM,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACnD,MAAM,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;IAEzD,0CAA0C;IAC1C,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IAC/B,MAAM,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAE/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;AAC7C,CAAC,CAAC,CAAC"}