From 0c7a9d280b95df033ab6e447604d5537a5c3a84e Mon Sep 17 00:00:00 2001 From: Precious Onyenaucheya Date: Tue, 22 Oct 2024 14:18:24 +0100 Subject: [PATCH 1/8] add text area variant to checkboxes --- ...d-character-limit_0_document_0_desktop.png | 3 + ...nd-character-limit_0_document_1_tablet.png | 3 + ...nd-character-limit_0_document_2_mobile.png | 3 + src/components/checkboxes/_checkbox-macro.njk | 19 ++++++ src/components/checkboxes/_macro-options.md | 28 ++++---- src/components/checkboxes/_macro.njk | 5 ++ src/components/checkboxes/_macro.spec.js | 34 ++++++++++ ...xes-with-text-area-and-character-limit.njk | 67 +++++++++++++++++++ 8 files changed, 148 insertions(+), 14 deletions(-) create mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_0_desktop.png create mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_1_tablet.png create mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_2_mobile.png create mode 100644 src/components/checkboxes/example-checkboxes-with-text-area-and-character-limit.njk diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_0_desktop.png new file mode 100644 index 0000000000..b3f991bd40 --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_0_desktop.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:10ba7e91bbe232897053a20ba747e17ed8fa664d18b380ca0f21d9b3c5c1f511 +size 30077 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_1_tablet.png new file mode 100644 index 0000000000..ea372414cc --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_1_tablet.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:79bb19d47c95fa3a753dc2eae57ec91d93497a0c075e6e436f5bbce7848300f6 +size 24018 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_2_mobile.png new file mode 100644 index 0000000000..c76b2938e9 --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_2_mobile.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:3d79f95ba6ead065a034034d2847176ca2001e9a9d024aeb38a0fb1464df46a1 +size 20799 diff --git a/src/components/checkboxes/_checkbox-macro.njk b/src/components/checkboxes/_checkbox-macro.njk index 4ff4e755e3..0485fdac51 100644 --- a/src/components/checkboxes/_checkbox-macro.njk +++ b/src/components/checkboxes/_checkbox-macro.njk @@ -98,6 +98,25 @@ "radios": params.other.radios }) }} + {% elif otherType == "textarea" %} + {% from "components/textarea/_macro.njk" import onsTextarea %} + {{ + onsTextarea({ + "id": params.other.id, + "name": params.other.name, + "value": params.other.value, + "label": { + "text": params.other.label.text, + "description": params.other.label.description, + "classes": 'ons-u-fw-n' + }, + "charCheckLimit": { + "limit": params.other.charCheckLimit.limit, + "charCountSingular": params.other.charCheckLimit.charCountSingular, + "charCountPlural": params.other.charCheckLimit.charCountPlural + } + }) + }} {% endif %} {% endif %} diff --git a/src/components/checkboxes/_macro-options.md b/src/components/checkboxes/_macro-options.md index 4344a2cd52..7e0bdc9dd5 100644 --- a/src/components/checkboxes/_macro-options.md +++ b/src/components/checkboxes/_macro-options.md @@ -18,20 +18,20 @@ ## Checkbox -| Name | Type | Required | Description | -| --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| id | string | true | The HTML `id` of the checkbox. Used for the label’s `for` attribute. | -| name | string | false | The HTML `name` attribute for the checkbox | -| value | string | false | The HTML `value` attribute for the checkbox to set a preset value for the input | -| classes | string | false | Classes to add to the checkbox | -| inputClasses | string | false | Classes to apply to the checkbox input | -| checked | boolean | false | Set to “true” to check the checkbox when the page loads | -| disabled | boolean | false | Sets checkbox state to disabled and changes style of checkbox and label | -| label | `Label` [_(ref)_](/components/label) | true | Settings for the checkbox label | -| hideLabel | boolean | false | Adds visually hidden class to the label if `true` | -| other | object`` with arrays if using `Select` [_(ref)_](/components/select), `Checkboxes` [_(ref)_](/components/checkboxes) or `Radios` [_(ref)_](/components/radios) | false | Settings for a nested [input](/components/input), [select](/components/select), [checkboxes](/components/checkboxes) or [radios](/components/radios) to provide [other information](#othercheckbox) in addition to the checkbox answer. Defaults to use input. | -| attributes | object | false | HTML attributes (for example, data attributes) to add to the checkbox input element | -| deselectMessage | string | false | For use with mutually exclusive checkboxes. The text the `aria-live` alert will read to warn that selecting the exclusive option will clear all other inputs. | +| Name | Type | Required | Description | +| --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| id | string | true | The HTML `id` of the checkbox. Used for the label’s `for` attribute. | +| name | string | false | The HTML `name` attribute for the checkbox | +| value | string | false | The HTML `value` attribute for the checkbox to set a preset value for the input | +| classes | string | false | Classes to add to the checkbox | +| inputClasses | string | false | Classes to apply to the checkbox input | +| checked | boolean | false | Set to “true” to check the checkbox when the page loads | +| disabled | boolean | false | Sets checkbox state to disabled and changes style of checkbox and label | +| label | `Label` [_(ref)_](/components/label) | true | Settings for the checkbox label | +| hideLabel | boolean | false | Adds visually hidden class to the label if `true` | +| other | object`` with arrays if using `Select` [_(ref)_](/components/select), `Checkboxes` [_(ref)_](/components/checkboxes) or `Radios` [_(ref)_](/components/radios) | false | Settings for a nested [input](/components/input), [select](/components/select), [checkboxes](/components/checkboxes) or [radios](/components/radios) to provide [other information](#othercheckbox) in addition to the checkbox answer or [textarea](/components/text-area) to provide additional information on selection. Defaults to use input. | +| attributes | object | false | HTML attributes (for example, data attributes) to add to the checkbox input element | +| deselectMessage | string | false | For use with mutually exclusive checkboxes. The text the `aria-live` alert will read to warn that selecting the exclusive option will clear all other inputs. | ## OtherCheckbox diff --git a/src/components/checkboxes/_macro.njk b/src/components/checkboxes/_macro.njk index 20f935b7bf..0120fb5dd4 100644 --- a/src/components/checkboxes/_macro.njk +++ b/src/components/checkboxes/_macro.njk @@ -90,6 +90,11 @@ "label": { "text": checkbox.other.label.text }, + "charCheckLimit": { + "limit": checkbox.other.charCheckLimit.limit, + "charCountSingular": checkbox.other.charCheckLimit.charCountSingular, + "charCountPlural": checkbox.other.charCheckLimit.charCountPlural + }, "legend": checkbox.other.legend, "legendClasses": checkbox.other.legendClasses, "value": checkbox.other.value, diff --git a/src/components/checkboxes/_macro.spec.js b/src/components/checkboxes/_macro.spec.js index 2288ccb3a8..017efa0a46 100644 --- a/src/components/checkboxes/_macro.spec.js +++ b/src/components/checkboxes/_macro.spec.js @@ -87,6 +87,31 @@ const EXAMPLE_CHECKBOXES_WITH_MUTUALLY_EXCLUSIVE_WITH_ERROR = { }, }; +const EXAMPLE_CHECKBOX_ITEM_CHECKBOXES_WITH_TEXTAREA = { + name: 'example-checkboxes-name', + legend: 'Legend text', + checkboxesLabel: 'Select all that apply', + checkboxesLabelClasses: 'extra-checkboxes-label-class', + checkboxes: [ + EXAMPLE_CHECKBOX_ITEM, + { + other: { + otherType: 'textarea', + id: 'other-textbox-example-checkbox-with-revealed-text-area', + name: 'other answer', + label: { + text: 'Provide more details', + }, + charCheckLimit: { + limit: 300, + charCountSingular: 'You have {x} character remaining', + charCountPlural: 'You have {x} characters remaining', + }, + }, + }, + ], +}; + describe('macro: checkboxes', () => { it('passes jest-axe checks', async () => { const $ = cheerio.load(renderComponent('checkboxes', EXAMPLE_CHECKBOXES)); @@ -135,6 +160,15 @@ describe('macro: checkboxes', () => { }); }); + describe('checkbox item with text area', () => { + it('renders the text area with expected parameters', () => { + const $ = cheerio.load(renderComponent('checkboxes', EXAMPLE_CHECKBOX_ITEM_CHECKBOXES_WITH_TEXTAREA)); + expect($('.ons-input--textarea').attr('name')).toBe('other answer'); + expect($('.ons-input__limit').attr('data-charcount-singular')).toBe('You have {x} character remaining'); + expect($('.ons-input__limit').attr('data-charcount-plural')).toBe('You have {x} characters remaining'); + }); + }); + describe('mutually exclusive', () => { it('has the `ons-js-exclusive-group-item` class', () => { const $ = cheerio.load(renderComponent('checkboxes', EXAMPLE_CHECKBOXES_WITH_MUTUALLY_EXCLUSIVE_WITH_ERROR)); diff --git a/src/components/checkboxes/example-checkboxes-with-text-area-and-character-limit.njk b/src/components/checkboxes/example-checkboxes-with-text-area-and-character-limit.njk new file mode 100644 index 0000000000..68304d7166 --- /dev/null +++ b/src/components/checkboxes/example-checkboxes-with-text-area-and-character-limit.njk @@ -0,0 +1,67 @@ +{% from "components/question/_macro.njk" import onsQuestion %} +{% from "components/checkboxes/_macro.njk" import onsCheckboxes %} + +{% + call onsQuestion({ + "title": "Do you have any dietary requirements?", + "legendIsQuestionTitle": true, + "classes": "ons-u-mt-no" + }) +%} + {{ + onsCheckboxes({ + "checkboxesLabel": "Select all that apply", + "dontWrap": true, + "checkboxes": [ + { + "id": "gluten-free-example-checkbox-with-revealed-text-input", + "label": { + "text": "Gluten free" + }, + "value": "gluten-free" + }, + { + "id": "lactose-intolerant-example-checkbox-with-revealed-text-input", + "label": { + "text": "Lactose intolerant" + }, + "value": "lactose-intolerant" + }, + { + "id": "vegan-example-checkbox-with-revealed-text-input", + "label": { + "text": "Vegan" + }, + "value": "vegan" + }, + { + "id": "vegetarian-example-checkbox-with-revealed-text-input", + "label": { + "text": "Vegetarian" + }, + "value": "vegetarian" + }, + { + "id": "other-checkbox-with-revealed-text-input", + "label": { + "text": "Other" + }, + "value": "other", + "other": { + "otherType": "textarea", + "id": "other-textbox-example-checkbox-with-revealed-text-area", + "name": "other-answer", + "label": { + "text": "Provide more details" + }, + "charCheckLimit": { + "limit": 400, + "charCountSingular": "You have {x} character remaining", + "charCountPlural": "You have {x} characters remaining" + } + } + } + ] + }) + }} +{% endcall %} From d8a846828a76a85774639306eafcf78c96688f75 Mon Sep 17 00:00:00 2001 From: admilne Date: Fri, 25 Oct 2024 21:50:42 +0100 Subject: [PATCH 2/8] Addressed PR comment and update visual tests --- ...er-limit-expanded_0_document_0_desktop.png | 3 + ...ter-limit-expanded_0_document_1_tablet.png | 3 + ...ter-limit-expanded_0_document_2_mobile.png | 3 + ...d-character-limit_0_document_0_desktop.png | 3 + ...nd-character-limit_0_document_1_tablet.png | 3 + ...nd-character-limit_0_document_2_mobile.png | 3 + src/components/checkboxes/_checkbox-macro.njk | 1 + src/components/checkboxes/_macro.spec.js | 1 + ...text-area-and-character-limit-expanded.njk | 68 +++++++++++++++++++ ...evealed-text-area-and-character-limit.njk} | 12 ++-- 10 files changed, 94 insertions(+), 6 deletions(-) create mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_0_desktop.png create mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_1_tablet.png create mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_2_mobile.png create mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_0_desktop.png create mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_1_tablet.png create mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_2_mobile.png create mode 100644 src/components/checkboxes/example-checkboxes-with-revealed-text-area-and-character-limit-expanded.njk rename src/components/checkboxes/{example-checkboxes-with-text-area-and-character-limit.njk => example-checkboxes-with-revealed-text-area-and-character-limit.njk} (92%) diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_0_desktop.png new file mode 100644 index 0000000000..d834f157c6 --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_0_desktop.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:2dad1e4ba510cd38c3afecbe7b20f47b61edd11e6028354c5387a363e034e532 +size 36883 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_1_tablet.png new file mode 100644 index 0000000000..bec81ad3ae --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_1_tablet.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:99dfd895a6f302dcfc7ff80685961de73e5848d087fae171614e8bb20cccd6b6 +size 30668 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_2_mobile.png new file mode 100644 index 0000000000..d8c2431530 --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_2_mobile.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:0a82f374ecd8fa4af57d44f251044de74f36fd12e344ecbf65de427ced17ee9b +size 27588 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_0_desktop.png new file mode 100644 index 0000000000..b3f991bd40 --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_0_desktop.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:10ba7e91bbe232897053a20ba747e17ed8fa664d18b380ca0f21d9b3c5c1f511 +size 30077 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_1_tablet.png new file mode 100644 index 0000000000..ea372414cc --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_1_tablet.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:79bb19d47c95fa3a753dc2eae57ec91d93497a0c075e6e436f5bbce7848300f6 +size 24018 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_2_mobile.png new file mode 100644 index 0000000000..c76b2938e9 --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_2_mobile.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:3d79f95ba6ead065a034034d2847176ca2001e9a9d024aeb38a0fb1464df46a1 +size 20799 diff --git a/src/components/checkboxes/_checkbox-macro.njk b/src/components/checkboxes/_checkbox-macro.njk index 0485fdac51..cc96a96f5c 100644 --- a/src/components/checkboxes/_checkbox-macro.njk +++ b/src/components/checkboxes/_checkbox-macro.njk @@ -106,6 +106,7 @@ "name": params.other.name, "value": params.other.value, "label": { + "id": params.other.id + "-label", "text": params.other.label.text, "description": params.other.label.description, "classes": 'ons-u-fw-n' diff --git a/src/components/checkboxes/_macro.spec.js b/src/components/checkboxes/_macro.spec.js index 017efa0a46..2eed26cae4 100644 --- a/src/components/checkboxes/_macro.spec.js +++ b/src/components/checkboxes/_macro.spec.js @@ -164,6 +164,7 @@ describe('macro: checkboxes', () => { it('renders the text area with expected parameters', () => { const $ = cheerio.load(renderComponent('checkboxes', EXAMPLE_CHECKBOX_ITEM_CHECKBOXES_WITH_TEXTAREA)); expect($('.ons-input--textarea').attr('name')).toBe('other answer'); + expect($('.ons-input--textarea').attr('maxlength')).toBe('300'); expect($('.ons-input__limit').attr('data-charcount-singular')).toBe('You have {x} character remaining'); expect($('.ons-input__limit').attr('data-charcount-plural')).toBe('You have {x} characters remaining'); }); diff --git a/src/components/checkboxes/example-checkboxes-with-revealed-text-area-and-character-limit-expanded.njk b/src/components/checkboxes/example-checkboxes-with-revealed-text-area-and-character-limit-expanded.njk new file mode 100644 index 0000000000..38a85a608c --- /dev/null +++ b/src/components/checkboxes/example-checkboxes-with-revealed-text-area-and-character-limit-expanded.njk @@ -0,0 +1,68 @@ +{% from "components/question/_macro.njk" import onsQuestion %} +{% from "components/checkboxes/_macro.njk" import onsCheckboxes %} + +{% + call onsQuestion({ + "title": "Do you have any dietary requirements?", + "legendIsQuestionTitle": true, + "classes": "ons-u-mt-no" + }) +%} + {{ + onsCheckboxes({ + "checkboxesLabel": "Select all that apply", + "dontWrap": true, + "checkboxes": [ + { + "id": "gluten-free-example-checkbox-with-revealed-text-area", + "label": { + "text": "Gluten free" + }, + "value": "gluten-free" + }, + { + "id": "lactose-intolerant-example-checkbox-with-revealed-text-area", + "label": { + "text": "Lactose intolerant" + }, + "value": "lactose-intolerant" + }, + { + "id": "vegan-example-checkbox-with-revealed-text-area", + "label": { + "text": "Vegan" + }, + "value": "vegan" + }, + { + "id": "vegetarian-example-checkbox-with-revealed-text-area", + "label": { + "text": "Vegetarian" + }, + "value": "vegetarian" + }, + { + "id": "other-checkbox-with-revealed-text-area", + "label": { + "text": "Other" + }, + "value": "other", + "checked": true, + "other": { + "otherType": "textarea", + "id": "other-textbox-example-checkbox-with-revealed-text-area", + "name": "other-answer", + "label": { + "text": "Provide more details" + }, + "charCheckLimit": { + "limit": 200, + "charCountSingular": "You have {x} character remaining", + "charCountPlural": "You have {x} characters remaining" + } + } + } + ] + }) + }} +{% endcall %} diff --git a/src/components/checkboxes/example-checkboxes-with-text-area-and-character-limit.njk b/src/components/checkboxes/example-checkboxes-with-revealed-text-area-and-character-limit.njk similarity index 92% rename from src/components/checkboxes/example-checkboxes-with-text-area-and-character-limit.njk rename to src/components/checkboxes/example-checkboxes-with-revealed-text-area-and-character-limit.njk index 68304d7166..7a314a0f80 100644 --- a/src/components/checkboxes/example-checkboxes-with-text-area-and-character-limit.njk +++ b/src/components/checkboxes/example-checkboxes-with-revealed-text-area-and-character-limit.njk @@ -14,35 +14,35 @@ "dontWrap": true, "checkboxes": [ { - "id": "gluten-free-example-checkbox-with-revealed-text-input", + "id": "gluten-free-example-checkbox-with-revealed-text-area", "label": { "text": "Gluten free" }, "value": "gluten-free" }, { - "id": "lactose-intolerant-example-checkbox-with-revealed-text-input", + "id": "lactose-intolerant-example-checkbox-with-revealed-text-area", "label": { "text": "Lactose intolerant" }, "value": "lactose-intolerant" }, { - "id": "vegan-example-checkbox-with-revealed-text-input", + "id": "vegan-example-checkbox-with-revealed-text-area", "label": { "text": "Vegan" }, "value": "vegan" }, { - "id": "vegetarian-example-checkbox-with-revealed-text-input", + "id": "vegetarian-example-checkbox-with-revealed-text-area", "label": { "text": "Vegetarian" }, "value": "vegetarian" }, { - "id": "other-checkbox-with-revealed-text-input", + "id": "other-checkbox-with-revealed-text-area", "label": { "text": "Other" }, @@ -55,7 +55,7 @@ "text": "Provide more details" }, "charCheckLimit": { - "limit": 400, + "limit": 200, "charCountSingular": "You have {x} character remaining", "charCountPlural": "You have {x} characters remaining" } From c1ac4c9c662e18e71747b0ea935952149c61d120 Mon Sep 17 00:00:00 2001 From: Precious Onyenaucheya Date: Mon, 28 Oct 2024 11:34:04 +0000 Subject: [PATCH 3/8] update as per PR comments --- ... => example-checkboxes-with-revealed-text-area-expanded.njk} | 2 +- ...limit.njk => example-checkboxes-with-revealed-text-area.njk} | 0 2 files changed, 1 insertion(+), 1 deletion(-) rename src/components/checkboxes/{example-checkboxes-with-revealed-text-area-and-character-limit-expanded.njk => example-checkboxes-with-revealed-text-area-expanded.njk} (98%) rename src/components/checkboxes/{example-checkboxes-with-revealed-text-area-and-character-limit.njk => example-checkboxes-with-revealed-text-area.njk} (100%) diff --git a/src/components/checkboxes/example-checkboxes-with-revealed-text-area-and-character-limit-expanded.njk b/src/components/checkboxes/example-checkboxes-with-revealed-text-area-expanded.njk similarity index 98% rename from src/components/checkboxes/example-checkboxes-with-revealed-text-area-and-character-limit-expanded.njk rename to src/components/checkboxes/example-checkboxes-with-revealed-text-area-expanded.njk index 38a85a608c..0dc77f2339 100644 --- a/src/components/checkboxes/example-checkboxes-with-revealed-text-area-and-character-limit-expanded.njk +++ b/src/components/checkboxes/example-checkboxes-with-revealed-text-area-expanded.njk @@ -47,8 +47,8 @@ "text": "Other" }, "value": "other", - "checked": true, "other": { + "open": true, "otherType": "textarea", "id": "other-textbox-example-checkbox-with-revealed-text-area", "name": "other-answer", diff --git a/src/components/checkboxes/example-checkboxes-with-revealed-text-area-and-character-limit.njk b/src/components/checkboxes/example-checkboxes-with-revealed-text-area.njk similarity index 100% rename from src/components/checkboxes/example-checkboxes-with-revealed-text-area-and-character-limit.njk rename to src/components/checkboxes/example-checkboxes-with-revealed-text-area.njk From 61d36cc5b7560feabb4f3fb7afe26afa386277dc Mon Sep 17 00:00:00 2001 From: Precious Onyenaucheya Date: Mon, 28 Oct 2024 11:46:20 +0000 Subject: [PATCH 4/8] update vr test --- ...s-with-revealed-text-area-expanded_0_document_0_desktop.png | 3 +++ ...es-with-revealed-text-area-expanded_0_document_1_tablet.png | 3 +++ ...es-with-revealed-text-area-expanded_0_document_2_mobile.png | 3 +++ ...checkboxes-with-revealed-text-area_0_document_0_desktop.png | 3 +++ ...-checkboxes-with-revealed-text-area_0_document_1_tablet.png | 3 +++ ...-checkboxes-with-revealed-text-area_0_document_2_mobile.png | 3 +++ 6 files changed, 18 insertions(+) create mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_0_desktop.png create mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_1_tablet.png create mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_2_mobile.png create mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area_0_document_0_desktop.png create mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area_0_document_1_tablet.png create mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area_0_document_2_mobile.png diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_0_desktop.png new file mode 100644 index 0000000000..1f072bc715 --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_0_desktop.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:7d3c860d96363c164b275182f1da3cc6ec49d9367f54973e0fd1a927e9653386 +size 36284 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_1_tablet.png new file mode 100644 index 0000000000..e5bcb75b1c --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_1_tablet.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e19b9f0d86f264a55e4b80de73269b22bcdca1f3b7ed1ed990a4f9b233bec0dc +size 30122 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_2_mobile.png new file mode 100644 index 0000000000..7522b49a0a --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_2_mobile.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:af73bb2a526a4e1b43822f3c8ad266fcdbfce671346335f67555fd62c6f2bd2f +size 27114 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area_0_document_0_desktop.png new file mode 100644 index 0000000000..b3f991bd40 --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area_0_document_0_desktop.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:10ba7e91bbe232897053a20ba747e17ed8fa664d18b380ca0f21d9b3c5c1f511 +size 30077 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area_0_document_1_tablet.png new file mode 100644 index 0000000000..ea372414cc --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area_0_document_1_tablet.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:79bb19d47c95fa3a753dc2eae57ec91d93497a0c075e6e436f5bbce7848300f6 +size 24018 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area_0_document_2_mobile.png new file mode 100644 index 0000000000..c76b2938e9 --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area_0_document_2_mobile.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:3d79f95ba6ead065a034034d2847176ca2001e9a9d024aeb38a0fb1464df46a1 +size 20799 From d156f8710e3a30fa650abf0eecd57818940c528e Mon Sep 17 00:00:00 2001 From: Precious Onyenaucheya Date: Mon, 28 Oct 2024 18:29:45 +0000 Subject: [PATCH 5/8] remove reference images --- ...-area-and-character-limit-expanded_0_document_0_desktop.png | 3 --- ...t-area-and-character-limit-expanded_0_document_1_tablet.png | 3 --- ...t-area-and-character-limit-expanded_0_document_2_mobile.png | 3 --- ...aled-text-area-and-character-limit_0_document_0_desktop.png | 3 --- ...ealed-text-area-and-character-limit_0_document_1_tablet.png | 3 --- ...ealed-text-area-and-character-limit_0_document_2_mobile.png | 3 --- ...with-text-area-and-character-limit_0_document_0_desktop.png | 3 --- ...-with-text-area-and-character-limit_0_document_1_tablet.png | 3 --- ...-with-text-area-and-character-limit_0_document_2_mobile.png | 3 --- 9 files changed, 27 deletions(-) delete mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_0_desktop.png delete mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_1_tablet.png delete mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_2_mobile.png delete mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_0_desktop.png delete mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_1_tablet.png delete mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_2_mobile.png delete mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_0_desktop.png delete mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_1_tablet.png delete mode 100644 backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_2_mobile.png diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_0_desktop.png deleted file mode 100644 index d834f157c6..0000000000 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_0_desktop.png +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:2dad1e4ba510cd38c3afecbe7b20f47b61edd11e6028354c5387a363e034e532 -size 36883 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_1_tablet.png deleted file mode 100644 index bec81ad3ae..0000000000 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_1_tablet.png +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:99dfd895a6f302dcfc7ff80685961de73e5848d087fae171614e8bb20cccd6b6 -size 30668 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_2_mobile.png deleted file mode 100644 index d8c2431530..0000000000 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit-expanded_0_document_2_mobile.png +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:0a82f374ecd8fa4af57d44f251044de74f36fd12e344ecbf65de427ced17ee9b -size 27588 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_0_desktop.png deleted file mode 100644 index b3f991bd40..0000000000 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_0_desktop.png +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:10ba7e91bbe232897053a20ba747e17ed8fa664d18b380ca0f21d9b3c5c1f511 -size 30077 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_1_tablet.png deleted file mode 100644 index ea372414cc..0000000000 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_1_tablet.png +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:79bb19d47c95fa3a753dc2eae57ec91d93497a0c075e6e436f5bbce7848300f6 -size 24018 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_2_mobile.png deleted file mode 100644 index c76b2938e9..0000000000 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-and-character-limit_0_document_2_mobile.png +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:3d79f95ba6ead065a034034d2847176ca2001e9a9d024aeb38a0fb1464df46a1 -size 20799 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_0_desktop.png deleted file mode 100644 index b3f991bd40..0000000000 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_0_desktop.png +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:10ba7e91bbe232897053a20ba747e17ed8fa664d18b380ca0f21d9b3c5c1f511 -size 30077 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_1_tablet.png deleted file mode 100644 index ea372414cc..0000000000 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_1_tablet.png +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:79bb19d47c95fa3a753dc2eae57ec91d93497a0c075e6e436f5bbce7848300f6 -size 24018 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_2_mobile.png deleted file mode 100644 index c76b2938e9..0000000000 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-text-area-and-character-limit_0_document_2_mobile.png +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:3d79f95ba6ead065a034034d2847176ca2001e9a9d024aeb38a0fb1464df46a1 -size 20799 From 13d90512491357d417c60b6d30d2764a123854f6 Mon Sep 17 00:00:00 2001 From: Precious Onyenaucheya <86783201+precious-onyenaucheya-ons@users.noreply.github.com> Date: Tue, 29 Oct 2024 08:39:12 +0000 Subject: [PATCH 6/8] Update src/components/checkboxes/example-checkboxes-with-revealed-text-area.njk Co-authored-by: rmccar <42928680+rmccar@users.noreply.github.com> --- .../checkboxes/example-checkboxes-with-revealed-text-area.njk | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/checkboxes/example-checkboxes-with-revealed-text-area.njk b/src/components/checkboxes/example-checkboxes-with-revealed-text-area.njk index 7a314a0f80..bdd5196c18 100644 --- a/src/components/checkboxes/example-checkboxes-with-revealed-text-area.njk +++ b/src/components/checkboxes/example-checkboxes-with-revealed-text-area.njk @@ -54,7 +54,7 @@ "label": { "text": "Provide more details" }, - "charCheckLimit": { + "charCheckLimit": { "limit": 200, "charCountSingular": "You have {x} character remaining", "charCountPlural": "You have {x} characters remaining" From 73ca77bf9865d1e785d3e259267a48a26123e1f6 Mon Sep 17 00:00:00 2001 From: Precious Onyenaucheya <86783201+precious-onyenaucheya-ons@users.noreply.github.com> Date: Tue, 29 Oct 2024 08:39:19 +0000 Subject: [PATCH 7/8] Update src/components/checkboxes/example-checkboxes-with-revealed-text-area-expanded.njk Co-authored-by: rmccar <42928680+rmccar@users.noreply.github.com> --- .../example-checkboxes-with-revealed-text-area-expanded.njk | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/checkboxes/example-checkboxes-with-revealed-text-area-expanded.njk b/src/components/checkboxes/example-checkboxes-with-revealed-text-area-expanded.njk index 0dc77f2339..e45a19f7de 100644 --- a/src/components/checkboxes/example-checkboxes-with-revealed-text-area-expanded.njk +++ b/src/components/checkboxes/example-checkboxes-with-revealed-text-area-expanded.njk @@ -55,7 +55,7 @@ "label": { "text": "Provide more details" }, - "charCheckLimit": { + "charCheckLimit": { "limit": 200, "charCountSingular": "You have {x} character remaining", "charCountPlural": "You have {x} characters remaining" From cbbd8427312577cc208eaf1c244c82001dcb8f43 Mon Sep 17 00:00:00 2001 From: Precious Onyenaucheya Date: Tue, 29 Oct 2024 14:12:41 +0000 Subject: [PATCH 8/8] update example and visual test --- ...-with-revealed-text-area-expanded_0_document_0_desktop.png | 4 ++-- ...s-with-revealed-text-area-expanded_0_document_1_tablet.png | 4 ++-- ...s-with-revealed-text-area-expanded_0_document_2_mobile.png | 4 ++-- .../example-checkboxes-with-revealed-text-area-expanded.njk | 2 +- 4 files changed, 7 insertions(+), 7 deletions(-) diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_0_desktop.png index 1f072bc715..d834f157c6 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:7d3c860d96363c164b275182f1da3cc6ec49d9367f54973e0fd1a927e9653386 -size 36284 +oid sha256:2dad1e4ba510cd38c3afecbe7b20f47b61edd11e6028354c5387a363e034e532 +size 36883 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_1_tablet.png index e5bcb75b1c..bec81ad3ae 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:e19b9f0d86f264a55e4b80de73269b22bcdca1f3b7ed1ed990a4f9b233bec0dc -size 30122 +oid sha256:99dfd895a6f302dcfc7ff80685961de73e5848d087fae171614e8bb20cccd6b6 +size 30668 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_2_mobile.png index 7522b49a0a..d8c2431530 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_checkboxes_example-checkboxes-with-revealed-text-area-expanded_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:af73bb2a526a4e1b43822f3c8ad266fcdbfce671346335f67555fd62c6f2bd2f -size 27114 +oid sha256:0a82f374ecd8fa4af57d44f251044de74f36fd12e344ecbf65de427ced17ee9b +size 27588 diff --git a/src/components/checkboxes/example-checkboxes-with-revealed-text-area-expanded.njk b/src/components/checkboxes/example-checkboxes-with-revealed-text-area-expanded.njk index e45a19f7de..f9c5310ffc 100644 --- a/src/components/checkboxes/example-checkboxes-with-revealed-text-area-expanded.njk +++ b/src/components/checkboxes/example-checkboxes-with-revealed-text-area-expanded.njk @@ -47,8 +47,8 @@ "text": "Other" }, "value": "other", + "checked": true, "other": { - "open": true, "otherType": "textarea", "id": "other-textbox-example-checkbox-with-revealed-text-area", "name": "other-answer",