CSR-174: fix unit tests
This commit is contained in:
parent
4b3d8ba331
commit
04fd2d5745
3 changed files with 3 additions and 1 deletions
|
|
@ -33,6 +33,7 @@ describe("list-button.vue", () => {
|
||||||
expect(label.attributes()).toEqual({
|
expect(label.attributes()).toEqual({
|
||||||
tabindex: "-1",
|
tabindex: "-1",
|
||||||
for: "2023",
|
for: "2023",
|
||||||
|
"aria-labelledby": "2023",
|
||||||
class: "d-flex flex-column justify-content-center py-3 px-4 last-item",
|
class: "d-flex flex-column justify-content-center py-3 px-4 last-item",
|
||||||
"aria-checked": "false",
|
"aria-checked": "false",
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -33,6 +33,7 @@ describe("list-button.vue", () => {
|
||||||
expect(label.attributes()).toEqual({
|
expect(label.attributes()).toEqual({
|
||||||
tabindex: "-1",
|
tabindex: "-1",
|
||||||
for: "2023",
|
for: "2023",
|
||||||
|
"aria-labelledby": "2023",
|
||||||
class: "d-flex flex-column justify-content-center py-3 px-4",
|
class: "d-flex flex-column justify-content-center py-3 px-4",
|
||||||
"aria-checked": "false",
|
"aria-checked": "false",
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div v-else class="list-group list-button d-flex flex-column w-100 mb-2">
|
<div v-else class="list-group list-button d-flex flex-column w-100 mb-2">
|
||||||
<input type="radio" :id="buttonID" :name="groupName" :value="buttonID" :aria-required="isRequired" @keyup.space="displayLoader()">
|
<input type="radio" :id="buttonID" :name="groupName" :value="buttonID" :aria-required="isRequired" @keyup.space="displayLoader()">
|
||||||
<label tabindex="-1" :for="buttonID" :aria-labelledby="buttonID" class="d-flex flex-column justify-content-center py-3 px-4" @click="displayLoader()">
|
<label tabindex="-1" aria-checked="false" :for="buttonID" :aria-labelledby="buttonID" class="d-flex flex-column justify-content-center py-3 px-4" @click="displayLoader()">
|
||||||
<span class="m-0" :class="[this.textPosition]">{{buttonID}}</span>
|
<span class="m-0" :class="[this.textPosition]">{{buttonID}}</span>
|
||||||
<span v-if="buttonLabelSubCopy" class="m-0 small" :class="[this.textPosition]">{{buttonLabelSubCopy}}</span>
|
<span v-if="buttonLabelSubCopy" class="m-0 small" :class="[this.textPosition]">{{buttonLabelSubCopy}}</span>
|
||||||
<span v-if="screenReaderOnlyText" class="sr-only">{{screenReaderOnlyText}}</span>
|
<span v-if="screenReaderOnlyText" class="sr-only">{{screenReaderOnlyText}}</span>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue