diff --git a/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/af-commons/v1/fieldTemplates/questionMark.html b/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/af-commons/v1/fieldTemplates/questionMark.html index 0ebd6098e9..a468e0635a 100644 --- a/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/af-commons/v1/fieldTemplates/questionMark.html +++ b/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/af-commons/v1/fieldTemplates/questionMark.html @@ -1,4 +1,4 @@ diff --git a/ui.frontend/src/view/FormFieldBase.js b/ui.frontend/src/view/FormFieldBase.js index 876441501a..aedb60c36a 100644 --- a/ui.frontend/src/view/FormFieldBase.js +++ b/ui.frontend/src/view/FormFieldBase.js @@ -707,11 +707,13 @@ class FormFieldBase extends FormField { if (tooltipAlwaysVisible) { self.#showHideTooltipDiv(false); } + questionMarkDiv.setAttribute('aria-expanded', true); } else { self.#showHideLongDescriptionDiv(false); if (tooltipAlwaysVisible) { self.#showHideTooltipDiv(true); } + questionMarkDiv.setAttribute('aria-expanded', false); } }); } diff --git a/ui.tests/test-module/libs/support/commands.js b/ui.tests/test-module/libs/support/commands.js index 08d6d6e06b..813a24d1d5 100644 --- a/ui.tests/test-module/libs/support/commands.js +++ b/ui.tests/test-module/libs/support/commands.js @@ -655,6 +655,9 @@ Cypress.Commands.add("toggleDescriptionTooltip", (bemBlock, fieldId, shortDescri //initially long description should have data-cmp-visible="false" to avoid flickering on page load cy.get(`#${fieldId}`).find(`.${bemBlock}__longdescription`).invoke('attr', 'data-cmp-visible') .should('eq', 'false'); + // check if questiionmark is collapsed + cy.get(`#${fieldId}`).find(`.${bemBlock}__questionmark`).invoke('attr', 'aria-expanded') + .should('eq', 'false'); // click on ? mark cy.get(`#${fieldId}`).find(`.${bemBlock}__questionmark`).click(); // long description should be shown @@ -665,6 +668,9 @@ Cypress.Commands.add("toggleDescriptionTooltip", (bemBlock, fieldId, shortDescri // short description should be hidden. cy.get(`#${fieldId}`).find(`.${bemBlock}__shortdescription`).invoke('attr', 'data-cmp-visible') .should('eq', 'false'); + // check if questiionmark is expanded + cy.get(`#${fieldId}`).find(`.${bemBlock}__questionmark`).invoke('attr', 'aria-expanded') + .should('eq', 'true'); }); Cypress.Commands.add("openSidePanelTab", (tab) => {