refactor: Expose data-test attributes

Author: Jasenkoo

index.d.ts

@@ -215,6 +215,7 @@ export interface VueDatePickerProps {
         style?: Record<string, string>;
         slot?: string;
         noTz?: boolean;
+        testId?: string;
     }[];
     flow?: ('month' | 'year' | 'calendar' | 'time' | 'minutes' | 'hours' | 'seconds')[];
     partialFlow?: boolean;

src/VueDatePicker/components/DatepickerInput.vue

@@ -26,6 +26,7 @@
                 v-if="!$slots['dp-input']"
                 :id="uid ? `dp-input-${uid}` : undefined"
                 ref="inputRef"
+                data-test="dp-input"
                 :name="name"
                 :class="inputClass"
                 :inputmode="defaultedTextInput.enabled ? 'text' : 'none'"

src/VueDatePicker/components/DatepickerMenu.vue

@@ -53,6 +53,7 @@
                             :style="preset.style || {}"
                             class="dp__btn dp--preset-range"
                             :class="{ 'dp--preset-range-collapsed': collapse }"
+                            :data-test="preset.testId ?? undefined"
                             @click.prevent="presetDate(preset.value, preset.noTz)"
                             @keydown.enter.prevent="presetDate(preset.value, preset.noTz)"
                             @keydown.space.prevent="presetDate(preset.value, preset.noTz)"

src/VueDatePicker/interfaces.ts

@@ -130,6 +130,7 @@ export type PresetDate = {
     style?: Record<string, string>;
     slot?: string;
     noTz?: boolean;
+    testId?: string;
 };
 
 export type Flow = 'month' | 'year' | 'calendar' | 'time' | 'minutes' | 'hours' | 'seconds';

vite.config.ts

@@ -6,24 +6,8 @@ import minimist from 'minimist';
 
 const { f } = minimist(process.argv.slice(2));
 
-function removeDataTestAttrs(node: any) {
-    if (node.type === 1) {
-        node.props = node.props.filter((prop: any) => {
-            if (prop.name === 'data-test') return false;
-            return !(prop.name === 'bind' && prop.arg?.content === 'data-test');
-        });
-    }
-}
 export default defineConfig({
-    plugins: [
-        vue({
-            template: {
-                compilerOptions: {
-                    nodeTransforms: process.env.NODE_ENV === 'production' ? [removeDataTestAttrs] : [],
-                },
-            },
-        }),
-    ],
+    plugins: [vue()],
     resolve: {
         alias: {
             '@': fileURLToPath(new URL('./src/VueDatePicker', import.meta.url)),