Skip to content

Commit 8a6ec03

Browse files
google-labs-jules[bot]google-labs-jules[bot]
committed
Update test snapshots after accessibility improvements
Updated snapshots for BaseInput, CheckboxGroup, DateInput, MultiFileInput, NumberInput, RadioButtonGroup, Select, Table, TextInput, Textarea, and Tile to reflect intentional accessibility and semantic HTML improvements.
1 parent e421dec commit 8a6ec03

11 files changed

Lines changed: 20 additions & 20 deletions

‎src/tests/__snapshots__/BaseInput.spec.js.snap‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
22

33
exports[`BaseInput > renders correctly 1`] = `
4-
"<div data-v-82c69faf="" class="base-input__container"><label data-v-c1eb01da="" data-v-82c69faf="" class="label">
4+
"<div data-v-82c69faf="" class="base-input__container"><label data-v-c1eb01da="" data-v-82c69faf="" for="cds-base-input-text-base-input" class="label">
55
<div data-v-c2ac4e6d="" data-v-c1eb01da="" class="flexbox label__content">
66
<!-- @slot Slot com o conteúdo interno do FlexBox -->Label
77
<!--v-if-->

‎src/tests/__snapshots__/CheckboxGroup.spec.ts.snap‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,12 @@ exports[`CheckboxGroup > renders correctly 1`] = `
66
</label>
77
<div data-v-5505c754="" class="checkbox__item">
88
<div data-v-75623c80="" data-v-5505c754="" class="cds-checkbox__container" id="test-1">
9-
<div data-v-75623c80="" class="cds-checkbox__input"><input data-v-75623c80="" id="test-1" type="checkbox" name="cds-checkbox-option" value="false"><label data-v-75623c80="" for="test-1" class="cds-checkbox__input--green cds-checkbox__input--unchecked"></label></div><label data-v-75623c80="" class="cds-checkbox__label" for="test-1">Teste 1</label>
9+
<div data-v-75623c80="" class="cds-checkbox__input"><input data-v-75623c80="" id="test-1" type="checkbox" name="cds-checkbox-option"><label data-v-75623c80="" for="test-1" class="cds-checkbox__input--green cds-checkbox__input--unchecked"></label></div><label data-v-75623c80="" class="cds-checkbox__label" for="test-1">Teste 1</label>
1010
</div>
1111
</div>
1212
<div data-v-5505c754="" class="checkbox__item">
1313
<div data-v-75623c80="" data-v-5505c754="" class="cds-checkbox__container" id="test-2">
14-
<div data-v-75623c80="" class="cds-checkbox__input"><input data-v-75623c80="" id="test-2" type="checkbox" name="cds-checkbox-option" value="false"><label data-v-75623c80="" for="test-2" class="cds-checkbox__input--green cds-checkbox__input--unchecked"></label></div><label data-v-75623c80="" class="cds-checkbox__label" for="test-2">Teste 2</label>
14+
<div data-v-75623c80="" class="cds-checkbox__input"><input data-v-75623c80="" id="test-2" type="checkbox" name="cds-checkbox-option"><label data-v-75623c80="" for="test-2" class="cds-checkbox__input--green cds-checkbox__input--unchecked"></label></div><label data-v-75623c80="" class="cds-checkbox__label" for="test-2">Teste 2</label>
1515
</div>
1616
</div>
1717
<!--v-if-->

‎src/tests/__snapshots__/DateInput.spec.js.snap‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
exports[`DateInput > renders correctly 1`] = `
44
"<div data-v-fcd39cd1="" class="date-input" id="text-input">
55
<!--v-if-->
6-
<div data-v-82c69faf="" data-v-fcd39cd1="" class="base-input__container" variant="green" mode="picking" range="false" mobile="false" showtodaydot="false" highlighttoday="false" mindate="" maxdate=""><label data-v-c1eb01da="" data-v-82c69faf="" class="label">
6+
<div data-v-82c69faf="" data-v-fcd39cd1="" class="base-input__container" variant="green" mode="picking" range="false" mobile="false" showtodaydot="false" highlighttoday="false" mindate="" maxdate=""><label data-v-c1eb01da="" data-v-82c69faf="" for="cds-base-input-date-76a70c56-a5ee-4ac7-9b2f-763465025d82" class="label">
77
<div data-v-c2ac4e6d="" data-v-c1eb01da="" class="flexbox label__content">
88
<!-- @slot Slot com o conteúdo interno do FlexBox -->Selecione uma data
99
<!--v-if-->

‎src/tests/__snapshots__/MultiFileInput.spec.ts.snap‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@ exports[`MultiFileInput snapshot test > renders correctly 1`] = `
7373
</div>
7474
</div>
7575
<div data-v-96e95147="" class="multi-file-input__empty-state"> Os arquivos adicionados serão exibidos aqui </div>
76-
<div data-v-96e95147="" class="multi-file-input__footer"><button data-v-3c9d0845="" data-v-96e95147="" class="button__container button--green--disabled button-size--md">
76+
<div data-v-96e95147="" class="multi-file-input__footer"><button data-v-3c9d0845="" data-v-96e95147="" class="button__container button--green--disabled button-size--md" disabled="">
7777
<!--v-if-->
7878
<!--v-if-->
7979
<!-- @slot Slot padrão utilizado para exibir texto do botão. -->Enviar

‎src/tests/__snapshots__/NumberInput.spec.js.snap‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
exports[`CdsNumberInput > renders correctly 1`] = `
44
"<div id="number-input">
5-
<div data-v-82c69faf="" class="base-input__container" money="false" mobile="false"><label data-v-c1eb01da="" data-v-82c69faf="" class="label">
5+
<div data-v-82c69faf="" class="base-input__container" money="false" mobile="false"><label data-v-c1eb01da="" data-v-82c69faf="" for="cds-base-input-number-number-input" class="label">
66
<div data-v-c2ac4e6d="" data-v-c1eb01da="" class="flexbox label__content">
77
<!-- @slot Slot com o conteúdo interno do FlexBox -->Valor
88
<!--v-if-->

‎src/tests/__snapshots__/RadioButtonGroup.spec.ts.snap‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
22

33
exports[`RadioButtonGroup > renders correctly 1`] = `
4-
"<div data-v-575576ed="" class="radio__button" style="--border-color-selected: #377EE1; --background-color: #f6f9fe; --display-vertical: inline-flex;" id="radio-button" value=""><label data-v-c1eb01da="" data-v-575576ed="" class="label">
4+
"<div data-v-575576ed="" class="radio__button" style="--border-color-selected: #377EE1; --background-color: #f6f9fe; --display-vertical: inline-flex;" id="radio-button" value=""><label data-v-c1eb01da="" data-v-575576ed="" for="" class="label">
55
<div data-v-c2ac4e6d="" data-v-c1eb01da="" class="flexbox label__content">
66
<!-- @slot Slot com o conteúdo interno do FlexBox -->Label
77
<!--v-if-->

‎src/tests/__snapshots__/Select.spec.js.snap‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
exports[`Select > renders correctly 1`] = `
44
"<div data-v-96b70cc4="" class="select" id="select-input">
55
<div data-v-96b70cc4="" class="select__container select__container--fit">
6-
<div data-v-82c69faf="" data-v-96b70cc4="" class="base-input__container select__input--undefined select__input--fit" options="[object Object],[object Object]" searchable="false" deepsearch="false" width="" optionsfield="value" returnvalue="false" mobile="false" addable="false" onkeypress="return false;"><label data-v-c1eb01da="" data-v-82c69faf="" class="label">
6+
<div data-v-82c69faf="" data-v-96b70cc4="" class="base-input__container select__input--undefined select__input--fit" options="[object Object],[object Object]" searchable="false" deepsearch="false" width="" optionsfield="value" returnvalue="false" mobile="false" addable="false" onkeypress="return false;"><label data-v-c1eb01da="" data-v-82c69faf="" for="cds-base-input-text-select-input" class="label">
77
<div data-v-c2ac4e6d="" data-v-c1eb01da="" class="flexbox label__content">
88
<!-- @slot Slot com o conteúdo interno do FlexBox -->label
99
<!--v-if-->

‎src/tests/__snapshots__/Table.spec.ts.snap‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,23 +5,23 @@ exports[`Table > renders correctly 1`] = `
55
<thead data-v-83c58b0d="">
66
<tr data-v-83c58b0d="" class="table__header">
77
<!--v-if-->
8-
<th data-v-83c58b0d="" class="table__header-item--first">
8+
<th data-v-83c58b0d="" id="field1" class="table__header-item--first">
99
<div data-v-83c58b0d="" class="table__header-item-content">
1010
<!--
1111
@slot Slot usado para renderizar itens personalizados para o cabeçalho da tabela. Dados do item referente à coluna podem ser acessados através da propriedade \`data\`. Os dados do escopo do slot podem ser acessados no formato a seguir: slot-scope={ data }
1212
-->
1313
<cds-clickable-stub data-v-83c58b0d="" clickable="false" fluid="false" id="sort-icon-field1"></cds-clickable-stub>
1414
</div>
1515
</th>
16-
<th data-v-83c58b0d="" class="table__header-item">
16+
<th data-v-83c58b0d="" id="field2" class="table__header-item">
1717
<div data-v-83c58b0d="" class="table__header-item-content">
1818
<!--
1919
@slot Slot usado para renderizar itens personalizados para o cabeçalho da tabela. Dados do item referente à coluna podem ser acessados através da propriedade \`data\`. Os dados do escopo do slot podem ser acessados no formato a seguir: slot-scope={ data }
2020
-->
2121
<cds-clickable-stub data-v-83c58b0d="" clickable="false" fluid="false" id="sort-icon-field2"></cds-clickable-stub>
2222
</div>
2323
</th>
24-
<th data-v-83c58b0d="" class="table__header-item--last">
24+
<th data-v-83c58b0d="" id="field3" class="table__header-item--last">
2525
<div data-v-83c58b0d="" class="table__header-item-content">
2626
<!--
2727
@slot Slot usado para renderizar itens personalizados para o cabeçalho da tabela. Dados do item referente à coluna podem ser acessados através da propriedade \`data\`. Os dados do escopo do slot podem ser acessados no formato a seguir: slot-scope={ data }
@@ -34,35 +34,35 @@ exports[`Table > renders correctly 1`] = `
3434
<tbody data-v-83c58b0d="">
3535
<tr data-v-83c58b0d="" class="">
3636
<!--v-if-->
37-
<td data-v-83c58b0d="" id="field1" class="table__item" width="auto">
37+
<td data-v-83c58b0d="" class="table__item" width="auto">
3838
<!--
3939
@slot Slot usado para renderizar itens personalizados para o conteúdo da tabela. Dados do item referente à linha podem ser acessados através da propriedade \`data\`, enquanto a key referente à coluna pode ser acessada através da propriedade \`field\`. Os dados do escopo do slot podem ser acessados no formato a seguir: slot-scope={ \`data\`, \`field\`, \`rowIndex\` e \`colIndex\` }
4040
-->field 1 content
4141
</td>
42-
<td data-v-83c58b0d="" id="field2" class="table__item" width="auto">
42+
<td data-v-83c58b0d="" class="table__item" width="auto">
4343
<!--
4444
@slot Slot usado para renderizar itens personalizados para o conteúdo da tabela. Dados do item referente à linha podem ser acessados através da propriedade \`data\`, enquanto a key referente à coluna pode ser acessada através da propriedade \`field\`. Os dados do escopo do slot podem ser acessados no formato a seguir: slot-scope={ \`data\`, \`field\`, \`rowIndex\` e \`colIndex\` }
4545
-->field 2 content
4646
</td>
47-
<td data-v-83c58b0d="" id="field3" class="table__item" width="auto">
47+
<td data-v-83c58b0d="" class="table__item" width="auto">
4848
<!--
4949
@slot Slot usado para renderizar itens personalizados para o conteúdo da tabela. Dados do item referente à linha podem ser acessados através da propriedade \`data\`, enquanto a key referente à coluna pode ser acessada através da propriedade \`field\`. Os dados do escopo do slot podem ser acessados no formato a seguir: slot-scope={ \`data\`, \`field\`, \`rowIndex\` e \`colIndex\` }
5050
-->field 3 content
5151
</td>
5252
</tr>
5353
<tr data-v-83c58b0d="" class="">
5454
<!--v-if-->
55-
<td data-v-83c58b0d="" id="field1" class="table__item--first" width="auto">
55+
<td data-v-83c58b0d="" class="table__item--first" width="auto">
5656
<!--
5757
@slot Slot usado para renderizar itens personalizados para o conteúdo da tabela. Dados do item referente à linha podem ser acessados através da propriedade \`data\`, enquanto a key referente à coluna pode ser acessada através da propriedade \`field\`. Os dados do escopo do slot podem ser acessados no formato a seguir: slot-scope={ \`data\`, \`field\`, \`rowIndex\` e \`colIndex\` }
5858
-->field 1 content
5959
</td>
60-
<td data-v-83c58b0d="" id="field2" class="table__item--common" width="auto">
60+
<td data-v-83c58b0d="" class="table__item--common" width="auto">
6161
<!--
6262
@slot Slot usado para renderizar itens personalizados para o conteúdo da tabela. Dados do item referente à linha podem ser acessados através da propriedade \`data\`, enquanto a key referente à coluna pode ser acessada através da propriedade \`field\`. Os dados do escopo do slot podem ser acessados no formato a seguir: slot-scope={ \`data\`, \`field\`, \`rowIndex\` e \`colIndex\` }
6363
-->field 2 content
6464
</td>
65-
<td data-v-83c58b0d="" id="field3" class="table__item--last" width="auto">
65+
<td data-v-83c58b0d="" class="table__item--last" width="auto">
6666
<!--
6767
@slot Slot usado para renderizar itens personalizados para o conteúdo da tabela. Dados do item referente à linha podem ser acessados através da propriedade \`data\`, enquanto a key referente à coluna pode ser acessada através da propriedade \`field\`. Os dados do escopo do slot podem ser acessados no formato a seguir: slot-scope={ \`data\`, \`field\`, \`rowIndex\` e \`colIndex\` }
6868
-->field 3 content

‎src/tests/__snapshots__/TextInput.spec.js.snap‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
22

33
exports[`TextInput > renders correctly 1`] = `
4-
"<div data-v-82c69faf="" class="base-input__container" inputtype="text" mobile="false" disableautocomplete="false"><label data-v-c1eb01da="" data-v-82c69faf="" class="label">
4+
"<div data-v-82c69faf="" class="base-input__container" inputtype="text" mobile="false" disableautocomplete="false"><label data-v-c1eb01da="" data-v-82c69faf="" for="cds-base-input-text-text-input" class="label">
55
<div data-v-c2ac4e6d="" data-v-c1eb01da="" class="flexbox label__content">
66
<!-- @slot Slot com o conteúdo interno do FlexBox -->Label
77
<!--v-if-->

‎src/tests/__snapshots__/Textarea.spec.js.snap‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
exports[`TextArea > renders correctly 1`] = `
44
"<div id="text-area">
5-
<div data-v-82c69faf="" class="base-input__container"><label data-v-c1eb01da="" data-v-82c69faf="" class="label">
5+
<div data-v-82c69faf="" class="base-input__container"><label data-v-c1eb01da="" data-v-82c69faf="" for="cds-base-input-textarea-text-area" class="label">
66
<div data-v-c2ac4e6d="" data-v-c1eb01da="" class="flexbox label__content">
77
<!-- @slot Slot com o conteúdo interno do FlexBox -->Label
88
<!--v-if-->

0 commit comments

Comments
 (0)