Skip to content

Commit c4b1b33

Browse files
JondyrJondyr
committed
Make tests open collapsed field
1 parent 516fd8a commit c4b1b33

File tree

1 file changed

+25
-1
lines changed

1 file changed

+25
-1
lines changed

‎frontend/packages/ux-editor/src/components/config/componentSpecificContent/Summary2/Override/Summary2Override.test.tsx

Lines changed: 25 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,13 +33,15 @@ describe('Summary2Override', () => {
3333
render({
3434
overrides: [{ componentId: '1' }],
3535
});
36+
await userEvent.click(overrideCollapsedButton(1));
3637
await userEvent.click(removeOverrideButton());
3738
expect(defaultProps.onChange).toHaveBeenCalledWith([]);
3839
});
3940

4041
it('should be able to show "vis type" comobox when componenetId is checkbox', async () => {
4142
const user = userEvent.setup();
4243
render({ overrides: [{ componentId: 'Checkboxes', hidden: false }] });
44+
await userEvent.click(overrideCollapsedButton(1));
4345
await user.click(addNewOverrideButton());
4446
expect(
4547
screen.getByRole('combobox', {
@@ -51,6 +53,7 @@ describe('Summary2Override', () => {
5153
it('should be able to show "vis type" comobox when componenetId is multipleSelect', async () => {
5254
const user = userEvent.setup();
5355
render({ overrides: [{ componentId: 'MultipleSelect' }] });
56+
await userEvent.click(overrideCollapsedButton(1));
5457
await user.click(addNewOverrideButton());
5558
expect(
5659
screen.getByRole('combobox', {
@@ -61,6 +64,7 @@ describe('Summary2Override', () => {
6164

6265
it('should not show "vis type" comobox when componenetId is not checkbox or multipleSelect', async () => {
6366
render({ overrides: [{ componentId: '1' }] });
67+
await userEvent.click(overrideCollapsedButton(1));
6468
await userEvent.click(addNewOverrideButton());
6569
expect(
6670
screen.queryByRole('combobox', {
@@ -73,6 +77,7 @@ describe('Summary2Override', () => {
7377
const user = userEvent.setup();
7478
render({ overrides: [{ componentId: '1' }] });
7579
const componentId = component1IdMock;
80+
await userEvent.click(overrideCollapsedButton(1));
7681
await user.click(overrideComponentSelect());
7782
await user.click(
7883
screen.getByRole('option', {
@@ -87,9 +92,10 @@ describe('Summary2Override', () => {
8792
it('should be able to change override hidden', async () => {
8893
const user = userEvent.setup();
8994
render({ overrides: [{ componentId: '1', hidden: false }] });
95+
await userEvent.click(overrideCollapsedButton(1));
9096
await user.click(
9197
screen.getByRole('checkbox', {
92-
name: textMock('ux_editor.component_properties.summary.override.hidden'),
98+
name: textMock('ux_editor.component_properties.summary.override.show_component'),
9399
}),
94100
);
95101
await waitFor(() =>
@@ -102,6 +108,7 @@ describe('Summary2Override', () => {
102108
it('should be able to change override hideEmptyFields', async () => {
103109
const user = userEvent.setup();
104110
render({ overrides: [{ componentId: '1', hidden: false }] });
111+
await userEvent.click(overrideCollapsedButton(1));
105112
await user.click(
106113
screen.getByRole('checkbox', {
107114
name: textMock('ux_editor.component_properties.summary.override.hide_empty_fields'),
@@ -119,6 +126,7 @@ describe('Summary2Override', () => {
119126
it('"isCompact" checkbox should not be checked when isCompact is false', async () => {
120127
const user = userEvent.setup();
121128
render({ overrides: [{ componentId: container1IdMock, isCompact: false }] });
129+
await userEvent.click(overrideCollapsedButton(1));
122130
const compactCheckbox = screen.getByRole('checkbox', {
123131
name: textMock('ux_editor.component_properties.summary.override.is_compact'),
124132
});
@@ -135,6 +143,7 @@ describe('Summary2Override', () => {
135143
it('"isCompact" checkbox Should be checked when isCompact is true', async () => {
136144
const user = userEvent.setup();
137145
render({ overrides: [{ componentId: container1IdMock, isCompact: true }] });
146+
await userEvent.click(overrideCollapsedButton(1));
138147
const compactCheckbox = screen.getByRole('checkbox', {
139148
name: textMock('ux_editor.component_properties.summary.override.is_compact'),
140149
});
@@ -150,6 +159,7 @@ describe('Summary2Override', () => {
150159

151160
it('should render the list of custom types', async () => {
152161
render({ overrides: [{ componentId: 'MultipleSelect' }] });
162+
await userEvent.click(overrideCollapsedButton(1));
153163
await userEvent.click(addNewOverrideButton());
154164
expect(
155165
screen.getByRole('option', {
@@ -171,6 +181,7 @@ describe('Summary2Override', () => {
171181
it('should be able to change override displayType when choosing list and componentId is MultipleSelect', async () => {
172182
const user = userEvent.setup();
173183
render({ overrides: [{ componentId: 'MultipleSelect', displayType: 'list' }] });
184+
await userEvent.click(overrideCollapsedButton(1));
174185
await user.click(addNewOverrideButton());
175186
await user.click(
176187
screen.getByRole('option', {
@@ -187,6 +198,7 @@ describe('Summary2Override', () => {
187198
it('should be able to change override displayType when choosing string and componentId is MultipleSelect', async () => {
188199
const user = userEvent.setup();
189200
render({ overrides: [{ componentId: 'MultipleSelect', displayType: 'string' }] });
201+
await userEvent.click(overrideCollapsedButton(1));
190202
await user.click(addNewOverrideButton());
191203
await user.click(
192204
screen.getByRole('option', {
@@ -203,6 +215,7 @@ describe('Summary2Override', () => {
203215
it('should be able to change override displayType when choosing notSet and componentId is MultipleSelect', async () => {
204216
const user = userEvent.setup();
205217
render({ overrides: [{ componentId: 'MultipleSelect', displayType: 'notSet' }] });
218+
await userEvent.click(overrideCollapsedButton(1));
206219
await user.click(addNewOverrideButton());
207220
await user.click(
208221
screen.getByRole('option', {
@@ -219,6 +232,7 @@ describe('Summary2Override', () => {
219232
it('should be able to change override displayType when choosing list and componentId is Checkboxes', async () => {
220233
const user = userEvent.setup();
221234
render({ overrides: [{ componentId: 'Checkboxes', displayType: 'list' }] });
235+
await userEvent.click(overrideCollapsedButton(1));
222236
await user.click(addNewOverrideButton());
223237
await user.click(
224238
screen.getByRole('option', {
@@ -235,6 +249,7 @@ describe('Summary2Override', () => {
235249
it('should be able to change override displayType when choosing string and componentId is Checkboxes', async () => {
236250
const user = userEvent.setup();
237251
render({ overrides: [{ componentId: 'Checkboxes', displayType: 'string' }] });
252+
await userEvent.click(overrideCollapsedButton(1));
238253
await user.click(addNewOverrideButton());
239254
await user.click(
240255
screen.getByRole('option', {
@@ -251,6 +266,7 @@ describe('Summary2Override', () => {
251266
it('should be able to change override displayType when choosing notSet and componentId is Checkboxes', async () => {
252267
const user = userEvent.setup();
253268
render({ overrides: [{ componentId: 'Checkboxes', displayType: 'notSet' }] });
269+
await userEvent.click(overrideCollapsedButton(1));
254270
await user.click(addNewOverrideButton());
255271
await user.click(
256272
screen.getByRole('option', {
@@ -267,6 +283,7 @@ describe('Summary2Override', () => {
267283
it('should displayType have a new option value when user select a new option.', async () => {
268284
const user = userEvent.setup();
269285
render({ overrides: [{ componentId: 'Checkboxes', displayType: 'string' }] });
286+
await userEvent.click(overrideCollapsedButton(1));
270287
await user.click(addNewOverrideButton());
271288
await user.click(
272289
screen.getByRole('option', {
@@ -283,6 +300,7 @@ describe('Summary2Override', () => {
283300
it('should handle custom type change', async () => {
284301
const user = userEvent.setup();
285302
render({ overrides: [{ componentId: 'Checkboxes' }] });
303+
await userEvent.click(overrideCollapsedButton(1));
286304
await user.click(addNewOverrideButton());
287305

288306
const select = screen.getByRole('combobox', {
@@ -301,6 +319,7 @@ describe('Summary2Override', () => {
301319
render({
302320
overrides: [{ componentId: '1', hidden: false, hideEmptyFields: false }],
303321
});
322+
await userEvent.click(overrideCollapsedButton(1));
304323
const emptyFieldText = 'asdf;ljr%';
305324
const textFieldButton = screen.getByRole('button', {
306325
name: textMock('ux_editor.component_properties.summary.override.empty_field_text'),
@@ -322,6 +341,11 @@ describe('Summary2Override', () => {
322341
});
323342
});
324343

344+
const overrideCollapsedButton = (n: number) =>
345+
screen.getByRole('button', {
346+
name: new RegExp(`ux_editor\.component_properties\.summary\.overrides\.nth.*:${n}}`),
347+
});
348+
325349
const addNewOverrideButton = () =>
326350
screen.getByRole('button', {
327351
name: textMock('ux_editor.component_properties.summary.add_override'),

0 commit comments

Comments
 (0)