test(module-selection): added e2e test for search

Closes #116 Signed-off-by: Lukas Mertens <[email protected]> commit-id:baa01b64
EVerest · Apr 2, 2024 · d799584 · d799584
1 parent 4178558
commit d799584
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 2 deletions.
diff --git a/cypress/e2e/module-selection.cy.ts b/cypress/e2e/module-selection.cy.ts
@@ -0,0 +1,13 @@
+// SPDX-License-Identifier: Apache-2.0
+// Copyright 2020 - 2024 Pionix GmbH and Contributors to EVerest
+
+describe('Module Selection', () => {
+    it('should be possible to search for EvseManager', () => {
+        cy.connectToSimulator();
+        cy.get('[data-cy="modules-expansion-panel"]').click();
+        cy.get('[data-cy="modules-search"]').type("EvseManager");
+        cy.get('[data-cy="module-list-item"]').contains("EvseManager").should('be.visible');
+        cy.get('[data-cy="modules-search"]').type("{selectall}{backspace}LoremIpsumDolorModule");
+        cy.get('[data-cy="module-list-item"]').should('not.exist');
+    });
+});
diff --git a/cypress/support/commands.ts b/cypress/support/commands.ts
@@ -34,4 +34,19 @@
 //       visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
 //     }
 //   }
-// }
+// }
+export {};
+
+declare global {
+  namespace Cypress {
+    interface Chainable {
+      connectToSimulator(): Chainable<void>;
+    }
+  }
+}
+
+Cypress.Commands.add('connectToSimulator', () => {
+    cy.visit('/');
+    cy.get('[data-cy="server-list-item').contains('Simulator').click();
+    cy.get('[data-cy="hamburger-menu"]').should('be.visible');
+})
diff --git a/src/components/EvModuleList.vue b/src/components/EvModuleList.vue
@@ -3,7 +3,7 @@
 
 <template>
   <v-expansion-panels class="ma-0">
-    <v-expansion-panel>
+    <v-expansion-panel data-cy="modules-expansion-panel">
       <v-expansion-panel-title> Available modules</v-expansion-panel-title>
       <v-expansion-panel-text>
         <v-text-field v-model="search"
@@ -12,6 +12,7 @@
                       label="Search"
                       density="compact"
                       variant="outlined"
+                      data-cy="modules-search"
                       clearable
         ></v-text-field>
         <v-list class="ma-0">
@@ -21,6 +22,7 @@
                   v-bind="props"
                   :title="module.type"
                   @click.stop="add_module_to_config(module.type)"
+                  data-cy="module-list-item"
               >
                 <template v-slot:append>
                   <v-icon>mdi-plus</v-icon>