Skip to content

Commit 06529e6

Browse files
JasenkooJasenkoo
committed
refactor!: Rename data-test to data-test-id attribute (resolves #987)
1 parent 5ffb954 commit 06529e6

17 files changed

+97
-98
lines changed

‎src/VueDatePicker/components/ActionRow.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555
type="button"
5656
class="dp__action_button dp__action_select"
5757
:disabled="disabled"
58-
data-test="select-button"
58+
data-test-id="select-button"
5959
@keydown="checkKeyDown($event, () => selectDate())"
6060
@click="selectDate"
6161
>

‎src/VueDatePicker/components/Common/SelectionOverlay.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
:aria-selected="col.active || undefined"
3737
:aria-disabled="col.disabled || undefined"
3838
tabindex="0"
39-
:data-test="col.text"
39+
:data-test-id="col.text"
4040
@click.prevent="onClick(col)"
4141
@keydown="checkKeyDown($event, () => onClick(col), true)"
4242
@mouseover="setHoverValue(col.value)"

‎src/VueDatePicker/components/DatePicker/DpCalendar.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
:key="i"
1111
class="dp__calendar_header_item"
1212
role="gridcell"
13-
data-test="calendar-header"
13+
data-test-id="calendar-header"
1414
:aria-label="defaultedAriaLabels?.weekDay?.(i)"
1515
>
1616
<slot v-if="$slots['calendar-header']" name="calendar-header" :day="dayVal" :index="i" />
@@ -44,7 +44,7 @@
4444
:aria-disabled="dayVal.classData.dp__cell_disabled || undefined"
4545
:aria-label="defaultedAriaLabels?.day?.(dayVal)"
4646
:tabindex="!dayVal.current && hideOffsetDates ? undefined : 0"
47-
:data-test="dayVal.value"
47+
:data-test-id="dayVal.value"
4848
@click.prevent="onDateSelect($event, dayVal)"
4949
@touchend="onDateSelect($event, dayVal, false)"
5050
@keydown="checkKeyDown($event, () => $emit('select-date', dayVal))"

‎src/VueDatePicker/components/DatePicker/DpHeader.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939
class="dp__btn dp__month_year_select"
4040
:class="{ 'dp--hidden-el': overlayOpen }"
4141
:aria-label="`${type.text}-${type.ariaLabel}`"
42-
:data-test="`${type.type}-toggle-overlay-${instance}`"
42+
:data-test-id="`${type.type}-toggle-overlay-${instance}`"
4343
@click="type.toggle"
4444
@keydown="checkKeyDown($event, () => type.toggle(), true)"
4545
>

‎src/VueDatePicker/components/DatepickerInput.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
v-if="!$slots['dp-input']"
2828
:id="uid ? `dp-input-${uid}` : undefined"
2929
ref="inputRef"
30-
data-test="dp-input"
30+
data-test-id="dp-input"
3131
:name="name"
3232
:class="inputClass"
3333
:inputmode="defaultedTextInput.enabled ? 'text' : 'none'"
@@ -69,7 +69,7 @@
6969
@keydown="checkKeyDown($event, () => onClear($event), true, onClearKeydown)"
7070
@click.prevent="onClear($event)"
7171
>
72-
<CancelIcon class="dp__input_icons" data-test="clear-icon" />
72+
<CancelIcon class="dp__input_icons" data-test-id="clear-icon" />
7373
</button>
7474
</div>
7575
</div>

‎src/VueDatePicker/components/DatepickerMenu.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@
4949
:style="preset.style || {}"
5050
class="dp__btn dp--preset-range"
5151
:class="{ 'dp--preset-range-collapsed': collapse }"
52-
:data-test="preset.testId ?? undefined"
52+
:data-test-id="preset.testId ?? undefined"
5353
@click.prevent="presetDate(preset.value, preset.noTz)"
5454
@keydown="checkKeyDown($event, () => presetDate(preset.value, preset.noTz), true)"
5555
>

‎src/VueDatePicker/components/QuarterPicker/QuarterPicker.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@
3030
'dp--qr-btn-disabled': quarter.disabled,
3131
'dp--highlighted': quarter.highlighted,
3232
}"
33-
:data-test="quarter.value"
33+
:data-test-id="quarter.value"
3434
:disabled="quarter.disabled"
3535
@click="selectQuarter(quarter.value, instance, quarter.disabled)"
3636
@mouseover="setHoverDate(quarter.value)"

‎src/VueDatePicker/components/TimePicker/TimeInput.vue

+3-3
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
dp__inc_dec_button_disabled: disabledArrowUpBtn(timeInput.type),
2121
'dp--hidden-el': timeOverlayOpen,
2222
}"
23-
:data-test="`${timeInput.type}-time-inc-btn-${props.order}`"
23+
:data-test-id="`${timeInput.type}-time-inc-btn-${props.order}`"
2424
:aria-label="defaultedAriaLabels?.incrementValue(timeInput.type)"
2525
tabindex="0"
2626
@keydown="
@@ -60,7 +60,7 @@
6060
}"
6161
:disabled="checkOverlayDisabled(timeInput.type)"
6262
tabindex="0"
63-
:data-test="`${timeInput.type}-toggle-overlay-btn-${props.order}`"
63+
:data-test-id="`${timeInput.type}-toggle-overlay-btn-${props.order}`"
6464
@keydown="checkKeyDown($event, () => toggleOverlay(timeInput.type), true)"
6565
@click="toggleOverlay(timeInput.type)"
6666
>
@@ -83,7 +83,7 @@
8383
dp__inc_dec_button_disabled: disabledArrowDownBtn(timeInput.type),
8484
'dp--hidden-el': timeOverlayOpen,
8585
}"
86-
:data-test="`${timeInput.type}-time-dec-btn-${props.order}`"
86+
:data-test-id="`${timeInput.type}-time-dec-btn-${props.order}`"
8787
:aria-label="defaultedAriaLabels?.decrementValue(timeInput.type)"
8888
tabindex="0"
8989
@keydown="

‎src/VueDatePicker/components/TimePicker/TimePicker.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
:class="{ ...toggleButtonClass, 'dp--hidden-el': showTimePicker }"
99
:aria-label="defaultedAriaLabels?.openTimePicker"
1010
:tabindex="noOverlayFocus ? undefined : 0"
11-
data-test="open-time-picker-btn"
11+
data-test-id="open-time-picker-btn"
1212
@keydown="checkKeyDown($event, () => toggleTimePicker(true))"
1313
@click="toggleTimePicker(true)"
1414
>

‎src/VueDatePicker/components/shared/YearModePicker.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
class="dp__btn dp--year-select"
1717
type="button"
1818
:aria-label="`${year}-${defaultedAriaLabels?.openYearsOverlay}`"
19-
:data-test="`year-mode-btn-${instance}`"
19+
:data-test-id="`year-mode-btn-${instance}`"
2020
@click="() => toggleYearPicker(false)"
2121
@keydown.enter="() => toggleYearPicker(false)"
2222
>

0 commit comments

Comments
 (0)