qr scanner: tests - WIP

packages/nc-gui/components/smartsheet/toolbar/QrScannerButton.vue

@@ -92,7 +92,7 @@ const onDecode = async (codeValue: string) => {
 </script>
 
 <template>
-  <div class="nc-overlay-find-row-by-scan">
+  <div>
     <a-button class="nc-btn-find-row-by-scan nc-toolbar-btn" @click="showCodeScannerOverlay = true">
       <div class="flex items-center gap-1">
         <QrCodeScan />
@@ -101,6 +101,7 @@ const onDecode = async (codeValue: string) => {
     </a-button>
     <a-modal
       v-model:visible="showCodeScannerOverlay"
+      class="nc-overlay-find-row-by-scan"
       :closable="false"
       width="28rem"
       centered

tests/playwright/pages/Dashboard/FindRowByScanOverlay/index.ts

@@ -23,6 +23,15 @@ export class FindRowByScanOverlay extends BasePage {
     return await this.get().isVisible();
   }
 
+  async scannerScreenIsVisible() {
+    return await this.get().locator(`.nc-scanner-screen`).isVisible();
+  }
+
+  async selectColumnToScan({ columnName }: { columnName: string }) {
+    await this.selectColumnDropdown.click();
+    await this.selectColumnDropdown.selectOption({ label: columnName });
+  }
+
   // async create({ title, event, url = 'http://localhost:9090/hook' }: { title: string; event: string; url?: string }) {
   //   await this.toolbar.clickActions();
   //   await this.toolbar.actions.click('Webhooks');

tests/playwright/tests/findRowByScanner.spec.ts

@@ -4,7 +4,7 @@ import { ToolbarPage } from '../pages/Dashboard/common/Toolbar';
 import { FormPage } from '../pages/Dashboard/Form';
 import setup from '../setup';
 
-test.describe.only('Find row by scanner', () => {
+test.describe('Find row by scanner', () => {
   let dashboard: DashboardPage;
   let context: any;
   let toolbar: ToolbarPage;
@@ -19,19 +19,12 @@ test.describe.only('Find row by scanner', () => {
 
   test.describe('clicking on the toolbars scanner button', async () => {
     test.beforeEach(async () => {
-      // close 'Team & Auth' tab
       await dashboard.closeTab({ title: 'Team & Auth' });
       await dashboard.treeView.openTable({ title: 'Country' });
       await toolbar.clickFindRowByScanButton();
     });
     test('opens the scanner overlay', async () => {
-      await dashboard.rootPage.pause();
       expect(await dashboard.findRowByScanOverlay.isVisible()).toBeTruthy();
     });
-
-    test.describe('selecting a column', () => {
-      // Selecting a column
-      // expect that the scanner screen is visible
-    });
   });
 });