small adjustment in text #14540
lassopicassofrontend-unit-tests.yml
on: push
CodeQL
4m 34s
Typechecking and linting
2m 28s
Testing
11m 28s
Building
2m 27s
Annotations
16 errors
|
Typechecking and linting
Type '{ bindingKey: string; dataModelName: string; component: (FormComponentBase<ComponentType.Checkboxes> & FormComponentProps & SummarizableComponentProps & LabeledComponentProps & SelectionComponent & { ...; } & { ...; }) | ... 38 more ... | (ContainerBase<...> & ... 1 more ... & { ...; }); ... 5 more ...; onClose: () ...' is missing the following properties from type 'EditBindingProps': dataModels, onDataModelChange
|
|
Typechecking and linting
Type '{ bindingKey: string; dataModelName: string; component: (FormComponentBase<ComponentType.Checkboxes> & FormComponentProps & SummarizableComponentProps & LabeledComponentProps & SelectionComponent & { ...; } & { ...; }) | ... 38 more ... | (ContainerBase<...> & ... 1 more ... & { ...; }); ... 5 more ...; onClose: () ...' is missing the following properties from type 'EditBindingProps': dataModels, onDataModelChange
|
|
Typechecking and linting
Type '{ bindingKey: string; dataModelName: string; component: (FormComponentBase<ComponentType.Checkboxes> & FormComponentProps & SummarizableComponentProps & LabeledComponentProps & SelectionComponent & { ...; } & { ...; }) | ... 38 more ... | (ContainerBase<...> & ... 1 more ... & { ...; }); ... 5 more ...; onClose: () ...' is missing the following properties from type 'EditBindingProps': dataModels, onDataModelChange
|
|
Typechecking and linting
Type '{ bindingKey: string; dataModelName: string; component: (FormComponentBase<ComponentType.Checkboxes> & FormComponentProps & SummarizableComponentProps & LabeledComponentProps & SelectionComponent & { ...; } & { ...; }) | ... 38 more ... | (ContainerBase<...> & ... 1 more ... & { ...; }); ... 5 more ...; onClose: () ...' is missing the following properties from type 'EditBindingProps': dataModels, onDataModelChange
|
|
Typechecking and linting
Type '{ bindingKey: string; dataModelName: string; component: (FormComponentBase<ComponentType.Checkboxes> & FormComponentProps & SummarizableComponentProps & LabeledComponentProps & SelectionComponent & { ...; } & { ...; }) | ... 38 more ... | (ContainerBase<...> & ... 1 more ... & { ...; }); ... 5 more ...; onClose: () ...' is missing the following properties from type 'EditBindingProps': dataModels, onDataModelChange
|
|
Typechecking and linting
Process completed with exit code 1.
|
|
EditDataModelBindings › should show select with no selected option by default:
frontend/packages/ux-editor/src/components/config/editModal/EditDataModelBindings/EditDataModelBindings.test.tsx#L133
TestingLibraryElementError: Unable to find an accessible element with the role "combobox" and name "[mockedText(ux_editor.component_title.Input)]"
Here are the accessible roles:
group:
Name "[mockedText(ux_editor.component_title.Input)]":
<fieldset
class="fds-fieldset-fieldset-c4977b5a fds-fieldset-withSpacing-c4977b5a"
/>
--------------------------------------------------
paragraph:
Name "":
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
/>
Name "":
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
/>
--------------------------------------------------
img:
Name "":
<svg
fill="none"
focusable="false"
height="1em"
role="img"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
/>
--------------------------------------------------
combobox:
Name "[mockedText(ux_editor.modal_properties_data_model_binding)]":
<select
class="fds-nativeselect-select-ec54e07a fds-nativeselect-small-ec54e07a fds-utility-focusable-7600d88a"
id="select-:r3:"
/>
--------------------------------------------------
option:
Name "testModel":
<option
value="testModel"
/>
Name "testModel.field1":
<option
value="testModel.field1"
/>
Name "datePickerField":
<option
value="datePickerField"
/>
--------------------------------------------------
button:
Name "[mockedText(general.close)]":
<button
class="fds-button-button-c7ee1cc4 fds-utility-focusable-7600d88a fds-button-small-c7ee1cc4 fds-button-secondary-c7ee1cc4 fds-button-first-c7ee1cc4 fds-button-onlyIcon-c7ee1cc4"
title="[mockedText(general.close)]"
type="button"
/>
Name "[mockedText(general.delete)]":
<button
class="fds-button-button-c7ee1cc4 fds-utility-focusable-7600d88a fds-button-small-c7ee1cc4 fds-button-secondary-c7ee1cc4 fds-button-danger-c7ee1cc4 fds-button-onlyIcon-c7ee1cc4"
title="[mockedText(general.delete)]"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div
class="Toastify"
/>
</div>
<div>
<div
class="Toastify"
/>
<div>
<fieldset
class="fds-fieldset-fieldset-c4977b5a fds-fieldset-withSpacing-c4977b5a"
>
<legend
class="fds-label-label-b79623ff fds-label-small-b79623ff fds-label-mediumWeight-b79623ff fds-fieldset-legend-c4977b5a"
>
<span
class="fds-fieldset-legendContent-c4977b5a"
>
[mockedText(ux_editor.component_title.Input)]
</span>
</legend>
<div
class=""
>
<div>
<div>
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
>
[mockedText(ux_editor.modal_properties_data_model)]
</p>
</div>
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
>
testModel
</p>
</div>
<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="M12 2.25A4.75 4.75 0 0 0 7.25 7v2.25H7A1.75 1.75 0 0 0 5.25 11v9c0 .414.336.75.75.75h12a.75.75 0 0 0 .75-.75v-9A1.75 1.75 0 0 0 17 9.25h-.25V7A4.75 4.75 0 0 0 12 2.25Zm3.25 7V7a3.25 3.25 0 0 0-6.5 0v2.25h6.5ZM12 13a1.5 1.5 0 0 0-.75 2.8V17a.75.75 0 0 0 1.5 0v-1.2A1.5 1.5 0 0 0 12 13Z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</div>
<div>
<div>
<div>
<div
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b fds-nativeselect-formField-ec54e07a"
>
<label
|
|
EditDataModelBindings › should show select with provided data model binding:
frontend/packages/ux-editor/src/components/config/editModal/EditDataModelBindings/EditDataModelBindings.test.tsx#L146
TestingLibraryElementError: Unable to find an accessible element with the role "combobox" and name "[mockedText(ux_editor.component_title.Input)]"
Here are the accessible roles:
group:
Name "[mockedText(ux_editor.component_title.Input)]":
<fieldset
class="fds-fieldset-fieldset-c4977b5a fds-fieldset-withSpacing-c4977b5a"
/>
--------------------------------------------------
paragraph:
Name "":
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
/>
Name "":
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
/>
--------------------------------------------------
img:
Name "":
<svg
fill="none"
focusable="false"
height="1em"
role="img"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
/>
--------------------------------------------------
combobox:
Name "[mockedText(ux_editor.modal_properties_data_model_binding)]":
<select
class="fds-nativeselect-select-ec54e07a fds-nativeselect-small-ec54e07a fds-utility-focusable-7600d88a"
id="select-:r9:"
/>
--------------------------------------------------
option:
Name "testModel":
<option
value="testModel"
/>
Name "testModel.field1":
<option
value="testModel.field1"
/>
Name "datePickerField":
<option
value="datePickerField"
/>
--------------------------------------------------
button:
Name "[mockedText(general.close)]":
<button
class="fds-button-button-c7ee1cc4 fds-utility-focusable-7600d88a fds-button-small-c7ee1cc4 fds-button-secondary-c7ee1cc4 fds-button-first-c7ee1cc4 fds-button-onlyIcon-c7ee1cc4"
title="[mockedText(general.close)]"
type="button"
/>
Name "[mockedText(general.delete)]":
<button
class="fds-button-button-c7ee1cc4 fds-utility-focusable-7600d88a fds-button-small-c7ee1cc4 fds-button-secondary-c7ee1cc4 fds-button-danger-c7ee1cc4 fds-button-onlyIcon-c7ee1cc4"
title="[mockedText(general.delete)]"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div
class="Toastify"
/>
</div>
<div>
<div
class="Toastify"
/>
<div>
<fieldset
class="fds-fieldset-fieldset-c4977b5a fds-fieldset-withSpacing-c4977b5a"
>
<legend
class="fds-label-label-b79623ff fds-label-small-b79623ff fds-label-mediumWeight-b79623ff fds-fieldset-legend-c4977b5a"
>
<span
class="fds-fieldset-legendContent-c4977b5a"
>
[mockedText(ux_editor.component_title.Input)]
</span>
</legend>
<div
class=""
>
<div>
<div>
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
>
[mockedText(ux_editor.modal_properties_data_model)]
</p>
</div>
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
>
testModel
</p>
</div>
<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="M12 2.25A4.75 4.75 0 0 0 7.25 7v2.25H7A1.75 1.75 0 0 0 5.25 11v9c0 .414.336.75.75.75h12a.75.75 0 0 0 .75-.75v-9A1.75 1.75 0 0 0 17 9.25h-.25V7A4.75 4.75 0 0 0 12 2.25Zm3.25 7V7a3.25 3.25 0 0 0-6.5 0v2.25h6.5ZM12 13a1.5 1.5 0 0 0-.75 2.8V17a.75.75 0 0 0 1.5 0v-1.2A1.5 1.5 0 0 0 12 13Z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</div>
<div>
<div>
<div>
<div
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b fds-nativeselect-formField-ec54e07a"
>
<label
|
|
EditDataModelBindings › check that handleComponentChange is called:
frontend/packages/ux-editor/src/components/config/editModal/EditDataModelBindings/EditDataModelBindings.test.tsx#L188
TestingLibraryElementError: Found multiple elements with the text: testModel
Here are the matching elements:
Ignored nodes: comments, script, style
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
>
testModel
</p>
Ignored nodes: comments, script, style
<option
value="testModel"
>
testModel
</option>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<div
class="Toastify"
/>
</div>
<div>
<div
class="Toastify"
/>
<div>
<fieldset
class="fds-fieldset-fieldset-c4977b5a fds-fieldset-withSpacing-c4977b5a"
>
<legend
class="fds-label-label-b79623ff fds-label-small-b79623ff fds-label-mediumWeight-b79623ff fds-fieldset-legend-c4977b5a"
>
<span
class="fds-fieldset-legendContent-c4977b5a"
>
[mockedText(ux_editor.component_title.Input)]
</span>
</legend>
<div
class=""
>
<div>
<div>
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
>
[mockedText(ux_editor.modal_properties_data_model)]
</p>
</div>
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
>
testModel
</p>
</div>
<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="M12 2.25A4.75 4.75 0 0 0 7.25 7v2.25H7A1.75 1.75 0 0 0 5.25 11v9c0 .414.336.75.75.75h12a.75.75 0 0 0 .75-.75v-9A1.75 1.75 0 0 0 17 9.25h-.25V7A4.75 4.75 0 0 0 12 2.25Zm3.25 7V7a3.25 3.25 0 0 0-6.5 0v2.25h6.5ZM12 13a1.5 1.5 0 0 0-.75 2.8V17a.75.75 0 0 0 1.5 0v-1.2A1.5 1.5 0 0 0 12 13Z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</div>
<div>
<div>
<div>
<div
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b fds-nativeselect-formField-ec54e07a"
>
<label
class="fds-label-label-b79623ff fds-label-small-b79623ff fds-label-mediumWeight-b79623ff fds-nativeselect-label-ec54e07a"
for="select-:rs:"
>
[mockedText(ux_editor.modal_properties_data_model_binding)]
</label>
<select
class="fds-nativeselect-select-ec54e07a fds-nativeselect-small-ec54e07a fds-utility-focusable-7600d88a"
id="select-:rs:"
>
<option
value="testModel"
>
testModel
</option>
<option
value="testModel.field1"
>
testModel.field1
</option>
<option
value="datePickerField"
>
datePickerField
</option>
</select>
</div>
</div>
</div>
</div>
<div>
<button
class="fds-button-button-c7ee1cc4 fds-utility-focusable-7600d88a fds-button-small-c7ee1cc4 fds-button-secondary-c7ee1cc4 fds-button-first-c7ee1cc4 fds-button-onlyIcon-c7ee1cc4"
title="[mockedText(general.close)]"
type="button"
>
<span
aria-hidden="true"
>
<svg
fill="none"
focusable="false"
height="1em"
role="img"
viewBox="0 0 24 24"
width="1em"
|
|
EditDataModelBindings › check that handleComponentChange is called with timestamp for DatePicker component:
frontend/packages/ux-editor/src/components/config/editModal/EditDataModelBindings/EditDataModelBindings.test.tsx#L217
expect(jest.fn()).toHaveBeenCalledWith(...expected)
Expected: {"dataModelBindings": {"simpleBinding": "datePickerField"}, "id": "test", "itemType": "COMPONENT", "maxCount": undefined, "required": true, "timeStamp": true, "type": "Datepicker"}, {"onSuccess": Any<Function>}
Number of calls: 0
at Object.toHaveBeenCalledWith (packages/ux-editor/src/components/config/editModal/EditDataModelBindings/EditDataModelBindings.test.tsx:217:40)
|
|
EditDataModelBindings › show link data model again when the user clicks on save button and no data model binding is selected:
frontend/packages/ux-editor/src/components/config/editModal/EditDataModelBindings/EditDataModelBindings.test.tsx#L263
TestingLibraryElementError: Unable to find an accessible element with the role "combobox" and name "[mockedText(ux_editor.component_title.Input)]"
Here are the accessible roles:
group:
Name "[mockedText(ux_editor.component_title.Input)]":
<fieldset
class="fds-fieldset-fieldset-c4977b5a fds-fieldset-withSpacing-c4977b5a"
/>
--------------------------------------------------
paragraph:
Name "":
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
/>
Name "":
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
/>
--------------------------------------------------
img:
Name "":
<svg
fill="none"
focusable="false"
height="1em"
role="img"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
/>
--------------------------------------------------
combobox:
Name "[mockedText(ux_editor.modal_properties_data_model_binding)]":
<select
class="fds-nativeselect-select-ec54e07a fds-nativeselect-small-ec54e07a fds-utility-focusable-7600d88a"
id="select-:r1k:"
/>
--------------------------------------------------
option:
Name "testModel":
<option
value="testModel"
/>
Name "testModel.field1":
<option
value="testModel.field1"
/>
Name "datePickerField":
<option
value="datePickerField"
/>
--------------------------------------------------
button:
Name "[mockedText(general.close)]":
<button
class="fds-button-button-c7ee1cc4 fds-utility-focusable-7600d88a fds-button-small-c7ee1cc4 fds-button-secondary-c7ee1cc4 fds-button-first-c7ee1cc4 fds-button-onlyIcon-c7ee1cc4"
title="[mockedText(general.close)]"
type="button"
/>
Name "[mockedText(general.delete)]":
<button
class="fds-button-button-c7ee1cc4 fds-utility-focusable-7600d88a fds-button-small-c7ee1cc4 fds-button-secondary-c7ee1cc4 fds-button-danger-c7ee1cc4 fds-button-onlyIcon-c7ee1cc4"
title="[mockedText(general.delete)]"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div
class="Toastify"
/>
</div>
<div>
<div
class="Toastify"
/>
<div>
<fieldset
class="fds-fieldset-fieldset-c4977b5a fds-fieldset-withSpacing-c4977b5a"
>
<legend
class="fds-label-label-b79623ff fds-label-small-b79623ff fds-label-mediumWeight-b79623ff fds-fieldset-legend-c4977b5a"
>
<span
class="fds-fieldset-legendContent-c4977b5a"
>
[mockedText(ux_editor.component_title.Input)]
</span>
</legend>
<div
class=""
>
<div>
<div>
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
>
[mockedText(ux_editor.modal_properties_data_model)]
</p>
</div>
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
>
testModel
</p>
</div>
<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="M12 2.25A4.75 4.75 0 0 0 7.25 7v2.25H7A1.75 1.75 0 0 0 5.25 11v9c0 .414.336.75.75.75h12a.75.75 0 0 0 .75-.75v-9A1.75 1.75 0 0 0 17 9.25h-.25V7A4.75 4.75 0 0 0 12 2.25Zm3.25 7V7a3.25 3.25 0 0 0-6.5 0v2.25h6.5ZM12 13a1.5 1.5 0 0 0-.75 2.8V17a.75.75 0 0 0 1.5 0v-1.2A1.5 1.5 0 0 0 12 13Z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</div>
<div>
<div>
<div>
<div
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b fds-nativeselect-formField-ec54e07a"
>
<label
|
|
EditDataModelBindings › shows edit fieldset when the user clicks on a binding button:
frontend/packages/ux-editor/src/components/config/editModal/EditDataModelBindings/EditDataModelBindings.test.tsx#L332
expect(received).toEqual(expected) // deep equality
Expected: "testModel.field1"
Received: null
at Object.toEqual (packages/ux-editor/src/components/config/editModal/EditDataModelBindings/EditDataModelBindings.test.tsx:332:64)
|
|
EditDataModelBindings › should call "handleComponentUpdate" with maxCount when dataModelBinding is clicked for RepeatingGroup:
frontend/packages/ux-editor/src/components/config/editModal/EditDataModelBindings/EditDataModelBindings.test.tsx#L356
TestingLibraryElementError: Unable to find an accessible element with the role "combobox" and name "[mockedText(ux_editor.modal_properties_data_model_label.group)]"
Here are the accessible roles:
group:
Name "[mockedText(ux_editor.modal_properties_data_model_label.group)]":
<fieldset
class="fds-fieldset-fieldset-c4977b5a fds-fieldset-withSpacing-c4977b5a"
/>
--------------------------------------------------
paragraph:
Name "":
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
/>
Name "":
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
/>
--------------------------------------------------
img:
Name "":
<svg
fill="none"
focusable="false"
height="1em"
role="img"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
/>
--------------------------------------------------
combobox:
Name "[mockedText(ux_editor.modal_properties_data_model_binding)]":
<select
class="fds-nativeselect-select-ec54e07a fds-nativeselect-small-ec54e07a fds-utility-focusable-7600d88a"
id="select-:r2a:"
/>
--------------------------------------------------
option:
Name "element":
<option
value="element"
/>
--------------------------------------------------
button:
Name "[mockedText(general.close)]":
<button
class="fds-button-button-c7ee1cc4 fds-utility-focusable-7600d88a fds-button-small-c7ee1cc4 fds-button-secondary-c7ee1cc4 fds-button-first-c7ee1cc4 fds-button-onlyIcon-c7ee1cc4"
title="[mockedText(general.close)]"
type="button"
/>
Name "[mockedText(general.delete)]":
<button
class="fds-button-button-c7ee1cc4 fds-utility-focusable-7600d88a fds-button-small-c7ee1cc4 fds-button-secondary-c7ee1cc4 fds-button-danger-c7ee1cc4 fds-button-onlyIcon-c7ee1cc4"
title="[mockedText(general.delete)]"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div
class="Toastify"
/>
</div>
<div>
<div
class="Toastify"
/>
<div>
<fieldset
class="fds-fieldset-fieldset-c4977b5a fds-fieldset-withSpacing-c4977b5a"
>
<legend
class="fds-label-label-b79623ff fds-label-small-b79623ff fds-label-mediumWeight-b79623ff fds-fieldset-legend-c4977b5a"
>
<span
class="fds-fieldset-legendContent-c4977b5a"
>
[mockedText(ux_editor.modal_properties_data_model_label.group)]
</span>
</legend>
<div
class=""
>
<div>
<div>
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
>
[mockedText(ux_editor.modal_properties_data_model)]
</p>
</div>
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
/>
</div>
<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="M12 2.25A4.75 4.75 0 0 0 7.25 7v2.25H7A1.75 1.75 0 0 0 5.25 11v9c0 .414.336.75.75.75h12a.75.75 0 0 0 .75-.75v-9A1.75 1.75 0 0 0 17 9.25h-.25V7A4.75 4.75 0 0 0 12 2.25Zm3.25 7V7a3.25 3.25 0 0 0-6.5 0v2.25h6.5ZM12 13a1.5 1.5 0 0 0-.75 2.8V17a.75.75 0 0 0 1.5 0v-1.2A1.5 1.5 0 0 0 12 13Z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</div>
<div>
<div>
<div>
<div
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b fds-nativeselect-formField-ec54e07a"
>
<label
class="fds-label-label-b79623ff fds-label-small-b79623ff fds-label-mediumWeight-b79623ff fds-nativeselect-label-ec54e07a"
|
|
DataModelBindings › checks that handleComponentChange is called:
frontend/packages/ux-editor/src/components/Properties/DataModelBindings.test.tsx#L284
TestingLibraryElementError: Found multiple elements with the text: testModel
Here are the matching elements:
Ignored nodes: comments, script, style
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
>
testModel
</p>
Ignored nodes: comments, script, style
<option
value="testModel"
>
testModel
</option>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<div
class="Toastify"
/>
<div>
<div
class=""
>
<div>
<div>
<fieldset
class="fds-fieldset-fieldset-c4977b5a fds-fieldset-withSpacing-c4977b5a"
>
<legend
class="fds-label-label-b79623ff fds-label-small-b79623ff fds-label-mediumWeight-b79623ff fds-fieldset-legend-c4977b5a"
>
<span
class="fds-fieldset-legendContent-c4977b5a"
>
[mockedText(ux_editor.component_title.Input)]
</span>
</legend>
<div
class=""
>
<div>
<div>
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
>
[mockedText(ux_editor.modal_properties_data_model)]
</p>
</div>
<p
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b"
>
testModel
</p>
</div>
<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="M12 2.25A4.75 4.75 0 0 0 7.25 7v2.25H7A1.75 1.75 0 0 0 5.25 11v9c0 .414.336.75.75.75h12a.75.75 0 0 0 .75-.75v-9A1.75 1.75 0 0 0 17 9.25h-.25V7A4.75 4.75 0 0 0 12 2.25Zm3.25 7V7a3.25 3.25 0 0 0-6.5 0v2.25h6.5ZM12 13a1.5 1.5 0 0 0-.75 2.8V17a.75.75 0 0 0 1.5 0v-1.2A1.5 1.5 0 0 0 12 13Z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</div>
<div>
<div>
<div>
<div
class="fds-paragraph-paragraph-97650f0b fds-paragraph-small-97650f0b fds-nativeselect-formField-ec54e07a"
>
<label
class="fds-label-label-b79623ff fds-label-small-b79623ff fds-label-mediumWeight-b79623ff fds-nativeselect-label-ec54e07a"
for="select-:r1v:"
>
[mockedText(ux_editor.modal_properties_data_model_binding)]
</label>
<select
class="fds-nativeselect-select-ec54e07a fds-nativeselect-small-ec54e07a fds-utility-focusable-7600d88a"
id="select-:r1v:"
>
<option
value="testModel"
>
testModel
</option>
</select>
</div>
</div>
</div>
</div>
<div>
<button
class="fds-button-button-c7ee1cc4 fds-utility-focusable-7600d88a fds-button-small-c7ee1cc4 fds-button-secondary-c7ee1cc4 fds-button-first-c7ee1cc4 fds-button-onlyIcon-c7ee1cc4"
title="[mockedText(general.close)]"
type="button"
>
<span
aria-hidden="true"
>
<s
|
|
SelectDataModelComponent › should show select with no selected option by default:
frontend/packages/ux-editor/src/components/config/SelectDataModelComponent.test.tsx#L93
expect(received).toEqual(expected) // deep equality
Expected: ""
Received: null
at Object.toEqual (packages/ux-editor/src/components/config/SelectDataModelComponent.test.tsx:93:64)
|
|
SelectDataModelComponent › should call onChange when a new option is selected:
frontend/packages/ux-editor/src/components/config/SelectDataModelComponent.test.tsx#L125
expect(jest.fn()).toHaveBeenCalledWith(...expected)
Expected: "testModel.field1"
Number of calls: 0
at Object.toHaveBeenCalledWith (packages/ux-editor/src/components/config/SelectDataModelComponent.test.tsx:125:35)
|