added test fro CollapsiblePropertyEditor #20564
JamalAlabdullahfrontend-unit-tests.yml
on: push
CodeQL
4m 19s
Typechecking and linting
2m 15s
Testing
10m 58s
Annotations
3 errors and 3 warnings
|
FormComponentConfig › Should render the rest of the components when show-button is clicked and show hide-button:
frontend/packages/ux-editor/src/components/config/FormComponentConfig.test.tsx#L86
Unable to find an element with the text: [mockedText(ux_editor.component_properties.maxLength)]. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
class="Toastify"
/>
<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 compact studioButton"
title="[mockedText(ux_editor.component_properties.grid)]"
type="button"
>
<span
class="innerContainer"
>
<span
aria-hidden="true"
class="iconWrapper"
>
<svg
fill="none"
focusable="false"
height="1em"
role="img"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25m0 4.5a.75.75 0 0 1 .75.75v3.75h3.75a.75.75 0 0 1 0 1.5h-3.75v3.75a.75.75 0 0 1-1.5 0v-3.75H7.5a.75.75 0 0 1 0-1.5h3.75V7.5a.75.75 0 0 1 .75-.75"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</span>
<span
class="content"
>
<span
class="property"
>
[mockedText(ux_editor.component_properties.grid)]
</span>
<span
class="value"
/>
</span>
</span>
</button>
<div>
<div
class="container"
>
<div
class="formField"
>
<div
class="fds-paragraph fds-paragraph--sm fds-native-select--container"
>
<label
class="fds-label fds-label--sm fds-label--medium-weight fds-native-select__label"
for="component-variant-selectInput"
>
[mockedText(ux_editor.component_properties.variant)]
</label>
<select
class="fds-native-select fds-native-select--sm fds-focus"
id="component-variant-selectInput"
>
<option
value="NO_VALUE"
>
[mockedText(ux_editor.edit_component.no_value_selected_for_select)]
</option>
<option
value="text"
>
[mockedText(ux_editor.component_properties.enum_text)]
</option>
<option
value="search"
>
[mockedText(ux_editor.component_properties.enum_search)]
</option>
</select>
</div>
</div>
<button
aria-expanded="false"
class="fds-helptext--md fds-helptext__button fds-focus helpText"
id=":r6o:"
variant="tertiary"
>
<svg
aria-hidden="true"
class="fds-helptext__icon fds-helptext__icon--filled helpText"
data-state="closed"
fill="none"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0Zm0 16a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm0-11c2.205 0 4 1.657 4 3.693 0 .986-.416 1.914-1.172 2.612l-.593.54-.294.28c-.477.466-.869.94-.936 1.417l-.01.144v.814h-1.991v-.814c0-1.254.84-2.214 1.675-3.002l.74-.68c.38-.35.59-.816.59-1.31 0-1.024-.901-1.856-2.01-1.856-1.054 0-1.922.755-2.002 1.71l-.006.145H8C8 6.657 9.794 5 12 5Z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
<svg
aria-hidden="true"
|
|
FormComponentConfig › should only render array properties with items of type string AND enum values:
frontend/packages/ux-editor/src/components/config/FormComponentConfig.test.tsx#L324
TestingLibraryElementError: Unable to find an accessible element with the role "combobox" and name "[mockedText(ux_editor.component_properties.supportedArrayProperty)]"
Here are the accessible roles:
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 compact studioButton"
title="[mockedText(ux_editor.component_properties.grid)]"
type="button"
/>
Name "The variant of the input field (text or search).":
<button
aria-expanded="false"
class="fds-helptext--md fds-helptext__button fds-focus helpText"
id=":rpf:"
variant="tertiary"
/>
Name "Autocomplete hints to the browser. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete":
<button
aria-expanded="false"
class="fds-helptext--md fds-helptext__button fds-focus helpText"
id=":rpl:"
variant="tertiary"
/>
Name "[mockedText(ux_editor.component_properties.showValidations)]":
<button
aria-label="[mockedText(ux_editor.component_properties.showValidations)]"
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.showValidations)]"
type="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=":rpr:"
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=":rq0:"
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=":rq5:"
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 "PDF only: Value or expression indicating whether a page break should be added before the component. Can be either: 'auto' (default), 'always', or 'avoid'.":
<button
aria-expanded="false"
class="fds-helptext--md fds-helptext__button fds-focus helpText"
id=":rqc:"
variant="tertiary"
/>
Name "PDF only: Value or expression indicating whether a page break should be added after the component. Can be either: 'auto' (default), 'always', or 'avoid'.":
<button
aria-expanded="false"
class="fds-helptext--md fds-helptext__button fds-focus helpText"
id=":rqi:"
variant="tertiary"
/>
Name "[mockedText(ux_editor.component_properties_help_text.optionalIndicator)]":
<button
aria-expanded="false"
class="fds-helptext--md fds-helptext__button fds-focus helpText"
id=":rqn:"
variant="tertiary"
/>
Name "Enables currency to be language sensitive based on selected app language. Note: parts that already exist in number property are not overridden by this prop.":
<button
aria-expanded="false"
class="fds-helptext--md fds-helptext__button fds-focus helpText"
id=":rqt:"
variant="tertiary"
/>
Name "Enables unit along with thousand and decimal separators to be language sensitive based on selected app language. They are configured in number property. Note: parts that already exist in number property are not overridden by this prop.":
<button
aria-expanded="false"
class="fds-helptext--md fds-helptext__button fds-focus helpText"
id=":rr3:"
variant="tertiary"
/>
Name "Displ
|
|
Testing
Process completed with exit code 1.
|
|
Typechecking and linting
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
CodeQL
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
Testing
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|