Fix Form component config #21221
Annotations
3 errors and 1 warning
|
Running Unit Tests:
frontend/packages/ux-editor/src/components/config/FormComponentConfig.test.tsx#L185
TestingLibraryElementError: Unable to find an accessible element with the role "combobox" and name "[mockedText(ux_editor.component_properties.sortOrder)]"
Here are the accessible roles:
heading:
Name "[mockedText(ux_editor.component_other_properties_title)]":
<h3
class="fds-heading fds-heading--2xs"
/>
Name "[mockedText(ux_editor.component_properties.pageBreak)]":
<h3
class="fds-heading fds-heading--2xs"
/>
Name "[mockedText(ux_editor.component_properties.labelSettings)]":
<h3
class="fds-heading fds-heading--2xs"
/>
Name "[mockedText(ux_editor.component_properties.formatting)]":
<h3
class="fds-heading fds-heading--2xs"
/>
--------------------------------------------------
checkbox:
Name "[mockedText(ux_editor.component_properties.hidden)]":
<input
class="fds-switch__input"
id="hidden-checkbox-Input"
type="checkbox"
value=""
/>
Name "[mockedText(ux_editor.component_properties.readOnly)]":
<input
class="fds-switch__input"
id="readOnly-checkbox-Input"
type="checkbox"
value=""
/>
Name "[mockedText(ux_editor.component_properties.required)]":
<input
class="fds-switch__input"
id="required-checkbox-Input"
type="checkbox"
value=""
/>
Name "[mockedText(ux_editor.component_properties.optionalIndicator)]":
<input
class="fds-switch__input"
id="optionalIndicator-checkbox-undefined"
type="checkbox"
value=""
/>
--------------------------------------------------
button:
Name "[mockedText(ux_editor.component_properties_help_text.hidden)]":
<button
aria-expanded="false"
class="fds-helptext--md fds-helptext__button fds-focus helpText"
id=":r70:"
variant="tertiary"
/>
Name "[mockedText(ux_editor.component_properties_help_text.readOnly)]":
<button
aria-expanded="false"
class="fds-helptext--md fds-helptext__button fds-focus helpText"
id=":r75:"
variant="tertiary"
/>
Name "[mockedText(ux_editor.component_properties_help_text.required)]":
<button
aria-expanded="false"
class="fds-helptext--md fds-helptext__button fds-focus helpText"
id=":r7a:"
variant="tertiary"
/>
Name "[mockedText(ux_editor.component_other_properties_show_many_settings)]":
<button
aria-label="[mockedText(ux_editor.component_other_properties_show_many_settings)]"
class="fds-btn fds-focus fds-btn--sm fds-btn--tertiary fds-btn--first fds-btn--full-width propertyButton button studioButton"
title="[mockedText(ux_editor.component_other_properties_show_many_settings)]"
type="button"
/>
Name "[mockedText(ux_editor.component_properties.grid)]":
<button
aria-label="[mockedText(ux_editor.component_properties.grid)]"
class="fds-btn fds-focus fds-btn--sm fds-btn--tertiary fds-btn--first fds-btn--full-width propertyButton gridButton studioButton"
title="[mockedText(ux_editor.component_properties.grid)]"
type="button"
/>
Name "[mockedText(ux_editor.component_properties.variant)]":
<button
aria-label="[mockedText(ux_editor.component_properties.variant)]"
class="fds-btn fds-focus fds-btn--sm fds-btn--tertiary fds-btn--first fds-btn--full-width propertyButton button studioButton"
title="[mockedText(ux_editor.component_properties.variant)]"
type="button"
/>
Name "[mockedText(ux_editor.component_properties.autocomplete)]":
<button
aria-label="[mockedText(ux_editor.component_properties.autocomplete)]"
class="fds-btn fds-focus fds-btn--sm fds-btn--tertiary fds-btn--first fds-btn--full-width propertyButton button studioButton"
title="[mockedText(ux_editor.component_properties.autocomplete)]"
type="button"
/>
Name "[mockedText(ux_editor.component_properties.saveWhileTyping)]":
<button
aria-label="[mockedText(ux_editor.component_properties.saveWhileTyping)]"
class="fds-btn fds-focus fds-btn--sm fds-btn--tertiary fds-btn--first fds-btn--full-width propertyButton button studioButton"
title="[mockedText(ux_editor.component_properties.saveWhileTyping)]"
type="button"
/>
Name
|
|
Running Unit Tests:
frontend/packages/ux-editor/src/components/config/FormComponentConfig.test.tsx#L406
TestingLibraryElementError: Unable to find an accessible element with the role "combobox" and name "[mockedText(ux_editor.component_properties.supportedArrayProperty)]"
Here are the accessible roles:
heading:
Name "[mockedText(ux_editor.component_other_properties_title)]":
<h3
class="fds-heading fds-heading--2xs"
/>
Name "[mockedText(ux_editor.component_properties.pageBreak)]":
<h3
class="fds-heading fds-heading--2xs"
/>
Name "[mockedText(ux_editor.component_properties.labelSettings)]":
<h3
class="fds-heading fds-heading--2xs"
/>
Name "[mockedText(ux_editor.component_properties.formatting)]":
<h3
class="fds-heading fds-heading--2xs"
/>
--------------------------------------------------
checkbox:
Name "[mockedText(ux_editor.component_properties.hidden)]":
<input
class="fds-switch__input"
id="hidden-checkbox-Input"
type="checkbox"
value=""
/>
Name "[mockedText(ux_editor.component_properties.readOnly)]":
<input
class="fds-switch__input"
id="readOnly-checkbox-Input"
type="checkbox"
value=""
/>
Name "[mockedText(ux_editor.component_properties.required)]":
<input
class="fds-switch__input"
id="required-checkbox-Input"
type="checkbox"
value=""
/>
Name "[mockedText(ux_editor.component_properties.optionalIndicator)]":
<input
class="fds-switch__input"
id="optionalIndicator-checkbox-undefined"
type="checkbox"
value=""
/>
--------------------------------------------------
button:
Name "[mockedText(ux_editor.component_properties_help_text.hidden)]":
<button
aria-expanded="false"
class="fds-helptext--md fds-helptext__button fds-focus helpText"
id=":rh2:"
variant="tertiary"
/>
Name "[mockedText(ux_editor.component_properties_help_text.readOnly)]":
<button
aria-expanded="false"
class="fds-helptext--md fds-helptext__button fds-focus helpText"
id=":rh7:"
variant="tertiary"
/>
Name "[mockedText(ux_editor.component_properties_help_text.required)]":
<button
aria-expanded="false"
class="fds-helptext--md fds-helptext__button fds-focus helpText"
id=":rhc:"
variant="tertiary"
/>
Name "[mockedText(ux_editor.component_other_properties_show_many_settings)]":
<button
aria-label="[mockedText(ux_editor.component_other_properties_show_many_settings)]"
class="fds-btn fds-focus fds-btn--sm fds-btn--tertiary fds-btn--first fds-btn--full-width propertyButton button studioButton"
title="[mockedText(ux_editor.component_other_properties_show_many_settings)]"
type="button"
/>
Name "[mockedText(ux_editor.component_properties.grid)]":
<button
aria-label="[mockedText(ux_editor.component_properties.grid)]"
class="fds-btn fds-focus fds-btn--sm fds-btn--tertiary fds-btn--first fds-btn--full-width propertyButton gridButton studioButton"
title="[mockedText(ux_editor.component_properties.grid)]"
type="button"
/>
Name "[mockedText(ux_editor.component_properties.variant)]":
<button
aria-label="[mockedText(ux_editor.component_properties.variant)]"
class="fds-btn fds-focus fds-btn--sm fds-btn--tertiary fds-btn--first fds-btn--full-width propertyButton button studioButton"
title="[mockedText(ux_editor.component_properties.variant)]"
type="button"
/>
Name "[mockedText(ux_editor.component_properties.autocomplete)]":
<button
aria-label="[mockedText(ux_editor.component_properties.autocomplete)]"
class="fds-btn fds-focus fds-btn--sm fds-btn--tertiary fds-btn--first fds-btn--full-width propertyButton button studioButton"
title="[mockedText(ux_editor.component_properties.autocomplete)]"
type="button"
/>
Name "[mockedText(ux_editor.component_properties.saveWhileTyping)]":
<button
aria-label="[mockedText(ux_editor.component_properties.saveWhileTyping)]"
class="fds-btn fds-focus fds-btn--sm fds-btn--tertiary fds-btn--first fds-btn--full-width propertyButton button studioButton"
title="[mockedText(ux_editor.component_properties.saveWhileTyping)]"
type="button"
|
|
Running Unit Tests
Process completed with exit code 1.
|
|
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Loading