fix(KtStandardTable): add data-test attributes to buttons in kt-stand…

…ard-table
3YOURMIND · Jan 14, 2025 · ed8d395 · ed8d395
1 parent c68987f
commit ed8d395
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 1 deletion.
diff --git a/packages/kotti-ui/source/kotti-table/KtStandardTable.vue b/packages/kotti-ui/source/kotti-table/KtStandardTable.vue
@@ -20,6 +20,7 @@
 			<div v-if="!hideTableActions" class="kt-standard-table__table-actions">
 				<TableSearch
 					v-if="!options?.hideControls?.search"
+					data-test="table-search-field"
 					:isLoading="isLoadingAndEmpty"
 					:placeholder="options?.searchPlaceholder"
 					:value="searchValue"

diff --git a/packages/kotti-ui/source/kotti-table/standard-table/components/Columns.vue b/packages/kotti-ui/source/kotti-table/standard-table/components/Columns.vue
@@ -5,6 +5,7 @@
 		:trigger="isLoading ? 'manual' : 'click'"
 	>
 		<KtButton
+			data-test="table-column-edit-button"
 			:disabled="isLoading"
 			:icon="Yoco.Icon.CHEVRON_DOWN"
 			:isLoading="isLoading"
@@ -20,6 +21,7 @@
 				/>
 				<!-- FIXME: ideally this button shoud not be behind the fold -->
 				<KtButton
+					data-test="table-column-show-all-button"
 					:disabled="isShowAllDisabled"
 					:label="translations.showAll"
 					type="text"

diff --git a/packages/kotti-ui/source/kotti-table/standard-table/components/Filters.vue b/packages/kotti-ui/source/kotti-table/standard-table/components/Filters.vue
@@ -5,6 +5,7 @@
 		:trigger="isLoading ? 'manual' : 'click'"
 	>
 		<KtButton
+			data-test="table-filter-edit-button"
 			:disabled="isLoading"
 			:icon="Yoco.Icon.CHEVRON_DOWN"
 			:isLoading="isLoading"
@@ -22,6 +23,7 @@
 					@input="$emit('input', $event)"
 				/>
 				<KtButton
+					data-test="table-filter-clear-all-button"
 					:disabled="isLoading"
 					:label="translations.clearAll"
 					type="text"
@@ -53,8 +55,8 @@ export default defineComponent({
 			type: Array as PropType<KottiStandardTable.FilterInternal[]>,
 		},
 		isLoading: { default: false, type: Boolean },
-
 		size: { default: 'md', type: String },
+		tableId: { required: true, type: String },
 		value: {
 			default: () => [],
 			type: Array as PropType<KottiStandardTable.AppliedFilter[]>,

diff --git a/packages/kotti-ui/source/kotti-table/standard-table/components/PageSize.vue b/packages/kotti-ui/source/kotti-table/standard-table/components/PageSize.vue
@@ -32,6 +32,7 @@ export default defineComponent({
 		return {
 			options: computed<KottiFieldSingleSelect.Props['options']>(() =>
 				props.pageSizeOptions.map((value) => ({
+					dataTest: `table-page-size-options-${value}`,
 					label: String(value),
 					value,
 				})),