Add test filter by title

client/cypress/e2e/frontend/instruments/instruments-page.spec.js

@@ -55,16 +55,21 @@ describe('Instruments Page', () => {
               type: analyse,
               title: 'Instrument: Analyse',
               slug: 'analyse',
+              language: 'de',
             },
             {
               type: argumentation,
               title: 'Instrument: Argumentation',
               slug: 'argumentation',
+              language: 'de',
+
             },
             {
               type: ethik,
               title: 'Instrument: Ethik',
               slug: 'ethik',
+              language: 'de',
+
             },
           ],
         },
@@ -138,4 +143,17 @@ describe('Instruments Page', () => {
         cy.getByDataCy('instrument-subheader').should('contain', 'Instrumente – Sprache & Kommunikation');
       });
   });
+
+  it('filter by title', () => {
+    cy.visit('instruments/');
+    cy.getByDataCy('instrument').should('have.length', 3);
+
+    cy.getByDataCy('filter-input').type('Analyse');
+    cy.getByDataCy('instrument').should('have.length', 1);
+
+    cy.getByDataCy('filter-input').clear();
+    cy.getByDataCy('instrument').should('have.length', 3);
+  });
 });
+
+

client/src/components/LanguageSwitcher.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="language-switcher">
     <pill-radio-buttons
+      data-cy="language-switcher-buttons"
       :items="languages"
       :selected-item="language"
       @update:selected-item="changeLanguage"

client/src/components/instruments/FilterBar.vue

@@ -5,6 +5,7 @@
         class="filter-bar__search-input skillbox-input"
         type="text"
         placeholder="Suchbegriff eingeben..."
+        data-cy="filter-input"
         ref="searchInputRef"
         v-model="searchQuery"
         @input="updateSearchQuery"