Use data-testid for tag filter

owncloud · May 17, 2023 · 49a4688 · 49a4688
1 parent 3108b1f
commit 49a4688
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/web-app-files/src/components/Search/List.vue b/packages/web-app-files/src/components/Search/List.vue
@@ -12,9 +12,10 @@
           :items="availableTags"
           :option-filter-label="$gettext('Filter tags')"
           :show-option-filter="true"
-          class="files-search-filter-tags oc-mr-s"
+          class="oc-mr-s"
           display-name-attribute="label"
           filter-name="tags"
+          data-testid="files-search-filter-tags"
         >
           <template #image="{ item }">
             <oc-avatar :width="24" :user-name="item.label" />

diff --git a/packages/web-app-files/tests/unit/components/Search/List.spec.ts b/packages/web-app-files/tests/unit/components/Search/List.spec.ts
@@ -21,7 +21,7 @@ jest.mock('web-pkg/src/composables/appDefaults')
 const selectors = {
   noContentMessageStub: 'no-content-message-stub',
   resourceTableStub: 'resource-table-stub',
-  tagFilter: '.files-search-filter-tags'
+  tagFilter: '[data-testid="files-search-filter-tags"]'
 }
 
 describe('List component', () => {