added flakey timed-out test + unit test that should fail for now(but …

…should be replaced)

packages/react-codemirror/src/e2e_tests/e2eUtils.ts

@@ -59,6 +59,16 @@ export class CypherEditorPage {
     return this.checkNotificationMessage('warning', queryChunk, expectedMsg);
   }
 
+  async checkNoNotificationMessage(type: 'error' | 'warning') {
+    await this.page.waitForTimeout(3000);
+    await expect(this.page.locator('.cm-lintRange-' + type)).toHaveCount(0, {
+      timeout: 3000,
+    });
+    await expect(this.page.locator('.cm-lintPoint-' + type)).toHaveCount(0, {
+      timeout: 3000,
+    });
+  }
+
   private async checkNotificationMessage(
     type: 'error' | 'warning',
     queryChunk: string,

packages/react-codemirror/src/e2e_tests/syntaxValidation.spec.tsx

@@ -48,6 +48,25 @@ test('Syntactic errors are surfaced', async ({ page, mount }) => {
   );
 });
 
+test('Does not trigger syntax errors for backticked parameters in parameter creation', async ({ page, mount }) => {
+  const editorPage = new CypherEditorPage(page);
+
+  const query = ':param x => "abc"';
+  await mount(<CypherEditor value={query} />);
+
+  await editorPage.checkNoNotificationMessage('error');
+});
+
+test('Unit test that checkNoNotification fails on query with error', async ({ page, mount }) => {
+  const editorPage = new CypherEditorPage(page);
+
+  const query = 'METCH (n) RETURN n';
+  await mount(<CypherEditor value={query} />);
+
+  await editorPage.checkNoNotificationMessage('error');
+  await editorPage.checkNoNotificationMessage('warning');
+});
+
 test('Errors for undefined labels are surfaced', async ({ page, mount }) => {
   const editorPage = new CypherEditorPage(page);
   const query = 'MATCH (n: Person) RETURN n';