test: Update getters, add search and sort tests for credentials (no-changelog) (#4716)

* test(e2e): Update getters, add search and sort tests for credentials

* fix: Refactor sortOptions getter

* fix: fix merge conflict

* fix: removed double key

* fix: Add db and session reset for every credentials suite run

packages/editor-ui/src/components/CredentialCard.vue

@@ -2,7 +2,6 @@
 	<n8n-card
 		:class="$style['card-link']"
 		@click="onClick"
-		data-test-id="credential-card"
 	>
 			<template #prepend>
 				<credential-icon :credential-type-name="credentialType ? credentialType.name : ''" />

packages/editor-ui/src/components/WorkflowCard.vue

@@ -2,7 +2,6 @@
 	<n8n-card
 		:class="$style.cardLink"
 		@click="onClick"
-		data-test-id="workflow-card"
 	>
 			<template #header>
 				<n8n-heading tag="h2" bold class="ph-no-capture" :class="$style.cardHeading" data-test-id="workflow-card-name">

packages/editor-ui/src/components/forms/ResourceFiltersDropdown.vue

@@ -9,6 +9,7 @@
 				size="medium"
 				:active="hasFilters"
 				:class="[$style['filter-button'], 'ml-2xs']"
+				data-test-id="resources-list-filters-trigger"
 			>
 				<n8n-badge
 					v-show="filtersLength > 0"
@@ -20,7 +21,10 @@
 				{{ $locale.baseText('forms.resourceFiltersDropdown.filters') }}
 			</n8n-button>
 		</template>
-		<div :class="$style['filters-dropdown']">
+		<div
+			:class="$style['filters-dropdown']"
+			data-test-id="resources-list-filters-dropdown"
+		>
 			<slot :filters="value" :setKeyValue="setKeyValue" />
 			<enterprise-edition class="mb-s" :features="[EnterpriseEditionFeature.Sharing]" v-if="shareable">
 				<n8n-input-label

packages/editor-ui/src/components/layouts/ResourcesListLayout.vue

@@ -64,6 +64,7 @@
 								<n8n-select
 									v-model="sortBy"
 									size="medium"
+									data-test-id="resources-list-sort"
 								>
 									<n8n-option value="lastUpdated" :label="$locale.baseText(`${resourceKey}.sort.lastUpdated`)"/>
 									<n8n-option value="lastCreated" :label="$locale.baseText(`${resourceKey}.sort.lastCreated`)"/>
@@ -97,12 +98,12 @@
 				</div>
 
 				<div class="mt-xs mb-l">
-					<ul :class="[$style.list, 'list-style-none']" v-if="filteredAndSortedSubviewResources.length > 0">
-						<li v-for="resource in filteredAndSortedSubviewResources" :key="resource.id" class="mb-2xs">
+					<ul :class="[$style.list, 'list-style-none']" v-if="filteredAndSortedSubviewResources.length > 0" data-test-id="resources-list">
+						<li v-for="resource in filteredAndSortedSubviewResources" :key="resource.id" class="mb-2xs" data-test-id="resources-list-item">
 							<slot :data="resource" />
 						</li>
 					</ul>
-					<n8n-text color="text-base" size="medium" v-else>
+					<n8n-text color="text-base" size="medium" data-test-id="resources-list-empty" v-else>
 						{{ $locale.baseText(`${resourceKey}.noResults`) }}
 						<template v-if="shouldSwitchToAllSubview">
 							<span v-if="!filters.search">