@truedat/qx 6.8.2 → 6.8.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/package.json +4 -4
  2. package/src/components/common/__tests__/ResourceSelector.spec.js +2 -2
  3. package/src/components/common/expressions/__tests__/ConstantSelector.spec.js +2 -2
  4. package/src/components/common/expressions/__tests__/Expression.spec.js +18 -5
  5. package/src/components/common/expressions/__tests__/FunctionArgs.spec.js +1 -1
  6. package/src/components/common/expressions/__tests__/FunctionSelector.spec.js +1 -1
  7. package/src/components/common/expressions/__tests__/ParamSelector.spec.js +3 -3
  8. package/src/components/common/expressions/__tests__/ShapeSelector.spec.js +4 -4
  9. package/src/components/common/expressions/__tests__/__snapshots__/Condition.spec.js.snap +12 -126
  10. package/src/components/common/expressions/__tests__/__snapshots__/Expression.spec.js.snap +9 -66
  11. package/src/components/common/expressions/__tests__/__snapshots__/ShapeSelector.spec.js.snap +6 -8
  12. package/src/components/common/expressions/constantInputs/__tests__/AnySelector.spec.js +2 -2
  13. package/src/components/common/expressions/constantInputs/__tests__/BooleanSelector.spec.js +1 -1
  14. package/src/components/common/expressions/constantInputs/__tests__/DefaultSelector.spec.js +1 -1
  15. package/src/components/common/resourceSelectors/__tests__/DataViewSelector.spec.js +1 -1
  16. package/src/components/common/resourceSelectors/__tests__/ReferenceDatasetSelector.spec.js +1 -1
  17. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/SelectField.spec.js.snap +12 -126
  18. package/src/components/functions/__tests__/FunctionParams.spec.js +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@truedat/qx",
3
- "version": "6.8.2",
3
+ "version": "6.8.4",
4
4
  "description": "Truedat Web Quality Experience package",
5
5
  "sideEffects": false,
6
6
  "jsnext:main": "src/index.js",
@@ -35,7 +35,7 @@
35
35
  "@testing-library/react": "^12.0.0",
36
36
  "@testing-library/react-hooks": "^8.0.1",
37
37
  "@testing-library/user-event": "^13.2.1",
38
- "@truedat/test": "6.8.2",
38
+ "@truedat/test": "6.8.4",
39
39
  "babel-jest": "^28.1.0",
40
40
  "babel-plugin-dynamic-import-node": "^2.3.3",
41
41
  "babel-plugin-lodash": "^3.3.4",
@@ -84,7 +84,7 @@
84
84
  ]
85
85
  },
86
86
  "dependencies": {
87
- "@truedat/core": "6.8.2",
87
+ "@truedat/core": "6.8.4",
88
88
  "prop-types": "^15.8.1",
89
89
  "react-hook-form": "^7.45.4",
90
90
  "react-intl": "^5.20.10",
@@ -97,5 +97,5 @@
97
97
  "react-dom": ">= 16.8.6 < 17",
98
98
  "semantic-ui-react": ">= 2.0.3 < 2.2"
99
99
  },
100
- "gitHead": "be2060255c20fe0ae577185fcc990a07a3644106"
100
+ "gitHead": "6a7cb953d1f03f44976f3c98029b91d876e39daf"
101
101
  }
@@ -98,7 +98,7 @@ describe("<ResourceSelector />", () => {
98
98
  userEvent.click(getByRole("option", { name: /UserDataView/i }));
99
99
  });
100
100
 
101
- expect(watcher).lastCalledWith({
101
+ expect(watcher).toHaveBeenLastCalledWith({
102
102
  test: {
103
103
  embedded: {
104
104
  fields: [],
@@ -159,7 +159,7 @@ describe("<ResourceSelector />", () => {
159
159
  );
160
160
  });
161
161
 
162
- expect(watcher).lastCalledWith({
162
+ expect(watcher).toHaveBeenLastCalledWith({
163
163
  test: {
164
164
  embedded: {
165
165
  fields: [],
@@ -44,7 +44,7 @@ describe("<ConstantSelector />", () => {
44
44
  userEvent.click(await findByText("boolean"));
45
45
  userEvent.click(await findByText("true"));
46
46
 
47
- expect(watcher).lastCalledWith({
47
+ expect(watcher).toHaveBeenLastCalledWith({
48
48
  test: {
49
49
  value: {
50
50
  type: "boolean",
@@ -55,7 +55,7 @@ describe("<ConstantSelector />", () => {
55
55
 
56
56
  userEvent.click(await findByText("string"));
57
57
 
58
- expect(watcher).lastCalledWith({
58
+ expect(watcher).toHaveBeenLastCalledWith({
59
59
  test: {
60
60
  value: {
61
61
  type: "string",
@@ -45,19 +45,32 @@ describe("<Expression />", () => {
45
45
  },
46
46
  ];
47
47
 
48
+ const defaultValues = {
49
+ test: {
50
+ shape: "function",
51
+ },
52
+ };
53
+
48
54
  const { container, getByRole, getAllByRole, queryByText } = render(
49
55
  <TestFormWrapper
50
56
  watcher={watcher}
51
57
  context={{ type: "boolean", functions }}
58
+ defaultValues={defaultValues}
52
59
  >
53
60
  <Expression />
54
61
  </TestFormWrapper>,
55
62
  renderOpts
56
63
  );
57
- userEvent.click(await getAllByRole("listbox")[1]);
58
- userEvent.click(await getByRole("option", { name: /eq/i }));
64
+ const listboxes = await waitFor(() => getAllByRole("listbox"));
65
+ const listbox = listboxes[0];
66
+
67
+ userEvent.click(listbox);
68
+
69
+ const option = await waitFor(() => getByRole("option", { name: /eq/i }));
70
+
71
+ userEvent.click(option);
59
72
 
60
- expect(watcher).lastCalledWith({
73
+ expect(watcher).toHaveBeenLastCalledWith({
61
74
  test: {
62
75
  shape: "function",
63
76
  value: {
@@ -83,7 +96,7 @@ describe("<Expression />", () => {
83
96
  userEvent.click(getAllByRole("listbox")[0]);
84
97
  userEvent.click(getByRole("option", { name: /constant/i }));
85
98
 
86
- expect(watcher).lastCalledWith({
99
+ expect(watcher).toHaveBeenLastCalledWith({
87
100
  test: {
88
101
  shape: "constant",
89
102
  value: {
@@ -119,7 +132,7 @@ describe("<Expression />", () => {
119
132
  userEvent.click(getAllByRole("listbox")[0]);
120
133
  userEvent.click(getByRole("option", { name: /param/i }));
121
134
 
122
- expect(watcher).lastCalledWith({
135
+ expect(watcher).toHaveBeenLastCalledWith({
123
136
  params: [{ name: "param1", type: "boolean", id: 1 }],
124
137
  test: { shape: "param", value: { id: undefined } },
125
138
  });
@@ -101,7 +101,7 @@ describe("<FunctionArgs />", () => {
101
101
  userEvent.click(await getAllByRole("listbox")[0]);
102
102
  userEvent.click(await getAllByRole("option", { name: /constant/i })[0]);
103
103
 
104
- expect(watcher).lastCalledWith({
104
+ expect(watcher).toHaveBeenLastCalledWith({
105
105
  test: {
106
106
  shape: "function",
107
107
  value: {
@@ -51,7 +51,7 @@ describe("<FunctionSelector />", () => {
51
51
 
52
52
  userEvent.click(await getByRole("option", { name: /eq/i }));
53
53
 
54
- expect(watcher).lastCalledWith({
54
+ expect(watcher).toHaveBeenLastCalledWith({
55
55
  test: {
56
56
  value: {
57
57
  name: "eq",
@@ -62,7 +62,7 @@ describe("<ParamSelector />", () => {
62
62
  userEvent.click(getByRole("option", { name: /param1/i }));
63
63
  });
64
64
 
65
- expect(watcher).lastCalledWith({
65
+ expect(watcher).toHaveBeenLastCalledWith({
66
66
  params: [
67
67
  {
68
68
  id: 1,
@@ -101,7 +101,7 @@ describe("<ParamSelector />", () => {
101
101
  userEvent.click(await getByRole("option", { name: /param1/i }))
102
102
  );
103
103
 
104
- expect(watcher).lastCalledWith({
104
+ expect(watcher).toHaveBeenLastCalledWith({
105
105
  params: [
106
106
  {
107
107
  id: 1,
@@ -117,7 +117,7 @@ describe("<ParamSelector />", () => {
117
117
  userEvent.click(getAllByRole("button")[0]);
118
118
  });
119
119
 
120
- expect(watcher).lastCalledWith({
120
+ expect(watcher).toHaveBeenLastCalledWith({
121
121
  params: [],
122
122
  test: { value: null },
123
123
  });
@@ -51,7 +51,7 @@ describe("<ShapeSelector />", () => {
51
51
 
52
52
  userEvent.click(await getByRole("option", { name: /param/i }));
53
53
 
54
- expect(watcher).lastCalledWith({
54
+ expect(watcher).toHaveBeenLastCalledWith({
55
55
  params: [
56
56
  {
57
57
  id: 1,
@@ -78,7 +78,7 @@ describe("<ShapeSelector />", () => {
78
78
 
79
79
  userEvent.click(await getByRole("option", { name: /constant/i }));
80
80
 
81
- expect(watcher).lastCalledWith({
81
+ expect(watcher).toHaveBeenLastCalledWith({
82
82
  test: { shape: "constant", value: { isCondition: undefined } },
83
83
  });
84
84
 
@@ -98,8 +98,8 @@ describe("<ShapeSelector />", () => {
98
98
 
99
99
  userEvent.click(await getByRole("option", { name: /function/i }));
100
100
 
101
- expect(watcher).lastCalledWith({
102
- test: { shape: "function" },
101
+ expect(watcher).toHaveBeenLastCalledWith({
102
+ test: { shape: "function", value: { isCondition: undefined } },
103
103
  });
104
104
 
105
105
  expect(container).toMatchSnapshot();
@@ -26,16 +26,14 @@ exports[`<Condition /> matches the latest snapshot 1`] = `
26
26
  >
27
27
  <div
28
28
  class="shape-selector-trigger"
29
- >
30
- f(x)
31
- </div>
29
+ />
32
30
  <div
33
31
  class="menu transition"
34
32
  >
35
33
  <div
36
34
  aria-checked="false"
37
- aria-selected="false"
38
- class="item"
35
+ aria-selected="true"
36
+ class="selected item"
39
37
  role="option"
40
38
  style="pointer-events: all;"
41
39
  >
@@ -55,9 +53,9 @@ exports[`<Condition /> matches the latest snapshot 1`] = `
55
53
  </div>
56
54
  </div>
57
55
  <div
58
- aria-checked="true"
59
- aria-selected="true"
60
- class="active selected item"
56
+ aria-checked="false"
57
+ aria-selected="false"
58
+ class="item"
61
59
  role="option"
62
60
  style="pointer-events: all;"
63
61
  >
@@ -78,61 +76,6 @@ exports[`<Condition /> matches the latest snapshot 1`] = `
78
76
  </div>
79
77
  </div>
80
78
  </div>
81
- <div
82
- class="accordion ui fluid no-margin"
83
- >
84
- <div
85
- class="active title no-padding"
86
- >
87
- <div
88
- class="flex-center"
89
- >
90
- <i
91
- aria-hidden="true"
92
- class="dropdown icon"
93
- />
94
- <div
95
- aria-expanded="false"
96
- class="ui fluid search selection dropdown"
97
- role="combobox"
98
- >
99
- <input
100
- aria-autocomplete="list"
101
- autocomplete="off"
102
- class="search"
103
- tabindex="0"
104
- type="text"
105
- value=""
106
- />
107
- <div
108
- aria-atomic="true"
109
- aria-live="polite"
110
- class="divider text"
111
- role="alert"
112
- >
113
- function placeholder
114
- </div>
115
- <i
116
- aria-hidden="true"
117
- class="dropdown icon"
118
- />
119
- <div
120
- class="menu transition"
121
- role="listbox"
122
- >
123
- <div
124
- class="message"
125
- >
126
- No results found.
127
- </div>
128
- </div>
129
- </div>
130
- </div>
131
- </div>
132
- <div
133
- class="content active no-padding"
134
- />
135
- </div>
136
79
  </div>
137
80
  </div>
138
81
  </div>
@@ -196,16 +139,14 @@ exports[`<Condition /> matches the latest snapshot 1`] = `
196
139
  >
197
140
  <div
198
141
  class="shape-selector-trigger"
199
- >
200
- f(x)
201
- </div>
142
+ />
202
143
  <div
203
144
  class="menu transition"
204
145
  >
205
146
  <div
206
147
  aria-checked="false"
207
- aria-selected="false"
208
- class="item"
148
+ aria-selected="true"
149
+ class="selected item"
209
150
  role="option"
210
151
  style="pointer-events: all;"
211
152
  >
@@ -225,9 +166,9 @@ exports[`<Condition /> matches the latest snapshot 1`] = `
225
166
  </div>
226
167
  </div>
227
168
  <div
228
- aria-checked="true"
229
- aria-selected="true"
230
- class="active selected item"
169
+ aria-checked="false"
170
+ aria-selected="false"
171
+ class="item"
231
172
  role="option"
232
173
  style="pointer-events: all;"
233
174
  >
@@ -248,61 +189,6 @@ exports[`<Condition /> matches the latest snapshot 1`] = `
248
189
  </div>
249
190
  </div>
250
191
  </div>
251
- <div
252
- class="accordion ui fluid no-margin"
253
- >
254
- <div
255
- class="active title no-padding"
256
- >
257
- <div
258
- class="flex-center"
259
- >
260
- <i
261
- aria-hidden="true"
262
- class="dropdown icon"
263
- />
264
- <div
265
- aria-expanded="false"
266
- class="ui fluid search selection dropdown"
267
- role="combobox"
268
- >
269
- <input
270
- aria-autocomplete="list"
271
- autocomplete="off"
272
- class="search"
273
- tabindex="0"
274
- type="text"
275
- value=""
276
- />
277
- <div
278
- aria-atomic="true"
279
- aria-live="polite"
280
- class="divider text"
281
- role="alert"
282
- >
283
- function placeholder
284
- </div>
285
- <i
286
- aria-hidden="true"
287
- class="dropdown icon"
288
- />
289
- <div
290
- class="menu transition"
291
- role="listbox"
292
- >
293
- <div
294
- class="message"
295
- >
296
- No results found.
297
- </div>
298
- </div>
299
- </div>
300
- </div>
301
- </div>
302
- <div
303
- class="content active no-padding"
304
- />
305
- </div>
306
192
  </div>
307
193
  </div>
308
194
  </div>
@@ -19,16 +19,14 @@ exports[`<Expression /> matches the latest snapshot 1`] = `
19
19
  >
20
20
  <div
21
21
  class="shape-selector-trigger"
22
- >
23
- f(x)
24
- </div>
22
+ />
25
23
  <div
26
24
  class="menu transition"
27
25
  >
28
26
  <div
29
27
  aria-checked="false"
30
- aria-selected="false"
31
- class="item"
28
+ aria-selected="true"
29
+ class="selected item"
32
30
  role="option"
33
31
  style="pointer-events: all;"
34
32
  >
@@ -48,9 +46,9 @@ exports[`<Expression /> matches the latest snapshot 1`] = `
48
46
  </div>
49
47
  </div>
50
48
  <div
51
- aria-checked="true"
52
- aria-selected="true"
53
- class="active selected item"
49
+ aria-checked="false"
50
+ aria-selected="false"
51
+ class="item"
54
52
  role="option"
55
53
  style="pointer-events: all;"
56
54
  >
@@ -71,61 +69,6 @@ exports[`<Expression /> matches the latest snapshot 1`] = `
71
69
  </div>
72
70
  </div>
73
71
  </div>
74
- <div
75
- class="accordion ui fluid no-margin"
76
- >
77
- <div
78
- class="active title no-padding"
79
- >
80
- <div
81
- class="flex-center"
82
- >
83
- <i
84
- aria-hidden="true"
85
- class="dropdown icon"
86
- />
87
- <div
88
- aria-expanded="false"
89
- class="ui fluid search selection dropdown"
90
- role="combobox"
91
- >
92
- <input
93
- aria-autocomplete="list"
94
- autocomplete="off"
95
- class="search"
96
- tabindex="0"
97
- type="text"
98
- value=""
99
- />
100
- <div
101
- aria-atomic="true"
102
- aria-live="polite"
103
- class="divider text"
104
- role="alert"
105
- >
106
- function.placeholder
107
- </div>
108
- <i
109
- aria-hidden="true"
110
- class="dropdown icon"
111
- />
112
- <div
113
- class="menu transition"
114
- role="listbox"
115
- >
116
- <div
117
- class="message"
118
- >
119
- No results found.
120
- </div>
121
- </div>
122
- </div>
123
- </div>
124
- </div>
125
- <div
126
- class="content active no-padding"
127
- />
128
- </div>
129
72
  </div>
130
73
  </div>
131
74
  </div>
@@ -336,8 +279,8 @@ exports[`<Expression /> shape function expression 1`] = `
336
279
  class="dropdown icon"
337
280
  />
338
281
  <div
339
- aria-expanded="false"
340
- class="ui fluid search selection dropdown"
282
+ aria-expanded="true"
283
+ class="ui active visible fluid search selection dropdown"
341
284
  role="combobox"
342
285
  >
343
286
  <input
@@ -361,7 +304,7 @@ exports[`<Expression /> shape function expression 1`] = `
361
304
  class="dropdown icon"
362
305
  />
363
306
  <div
364
- class="menu transition"
307
+ class="visible menu transition"
365
308
  role="listbox"
366
309
  >
367
310
  <div
@@ -10,16 +10,14 @@ exports[`<ShapeSelector /> matches the latest snapshot 1`] = `
10
10
  >
11
11
  <div
12
12
  class="shape-selector-trigger"
13
- >
14
- f(x)
15
- </div>
13
+ />
16
14
  <div
17
15
  class="menu transition"
18
16
  >
19
17
  <div
20
18
  aria-checked="false"
21
- aria-selected="false"
22
- class="item"
19
+ aria-selected="true"
20
+ class="selected item"
23
21
  role="option"
24
22
  style="pointer-events: all;"
25
23
  >
@@ -39,9 +37,9 @@ exports[`<ShapeSelector /> matches the latest snapshot 1`] = `
39
37
  </div>
40
38
  </div>
41
39
  <div
42
- aria-checked="true"
43
- aria-selected="true"
44
- class="active selected item"
40
+ aria-checked="false"
41
+ aria-selected="false"
42
+ class="item"
45
43
  role="option"
46
44
  style="pointer-events: all;"
47
45
  >
@@ -45,7 +45,7 @@ describe("<AnySelector />", () => {
45
45
  userEvent.click(await findByText("boolean"));
46
46
  userEvent.click(await findByText("true"));
47
47
 
48
- expect(watcher).lastCalledWith({
48
+ expect(watcher).toHaveBeenLastCalledWith({
49
49
  test: {
50
50
  value: {
51
51
  type: "boolean",
@@ -56,7 +56,7 @@ describe("<AnySelector />", () => {
56
56
 
57
57
  userEvent.click(await findByText("string"));
58
58
 
59
- expect(watcher).lastCalledWith({
59
+ expect(watcher).toHaveBeenLastCalledWith({
60
60
  test: {
61
61
  value: {
62
62
  type: "string",
@@ -38,7 +38,7 @@ describe("<BooleanSelector />", () => {
38
38
  userEvent.click(getByRole("listbox"));
39
39
  userEvent.click(getByRole("option", { name: /true/i }));
40
40
 
41
- expect(watcher).lastCalledWith({
41
+ expect(watcher).toHaveBeenLastCalledWith({
42
42
  test: {
43
43
  value: {
44
44
  value: "true",
@@ -46,7 +46,7 @@ describe("<DefaultSelector />", () => {
46
46
  userEvent.type(await findByRole("textbox"), "text");
47
47
  });
48
48
 
49
- expect(watcher).lastCalledWith({
49
+ expect(watcher).toHaveBeenLastCalledWith({
50
50
  test: {
51
51
  value: {
52
52
  value: "text",
@@ -85,7 +85,7 @@ describe("<DataViewSelector />", () => {
85
85
  userEvent.click(getByRole("option", { name: /SelectedDataView/i }));
86
86
  });
87
87
 
88
- expect(onChange).lastCalledWith({
88
+ expect(onChange).toHaveBeenLastCalledWith({
89
89
  fields: [
90
90
  {
91
91
  id: 0,
@@ -58,7 +58,7 @@ describe("<ReferenceDatasetSelector />", () => {
58
58
  );
59
59
  });
60
60
 
61
- expect(onChange).lastCalledWith({
61
+ expect(onChange).toHaveBeenLastCalledWith({
62
62
  fields: [
63
63
  {
64
64
  id: 0,
@@ -32,16 +32,14 @@ exports[`<SelectField /> matches the latest snapshot for group_by 1`] = `
32
32
  >
33
33
  <div
34
34
  class="shape-selector-trigger"
35
- >
36
- f(x)
37
- </div>
35
+ />
38
36
  <div
39
37
  class="menu transition"
40
38
  >
41
39
  <div
42
40
  aria-checked="false"
43
- aria-selected="false"
44
- class="item"
41
+ aria-selected="true"
42
+ class="selected item"
45
43
  role="option"
46
44
  style="pointer-events: all;"
47
45
  >
@@ -61,9 +59,9 @@ exports[`<SelectField /> matches the latest snapshot for group_by 1`] = `
61
59
  </div>
62
60
  </div>
63
61
  <div
64
- aria-checked="true"
65
- aria-selected="true"
66
- class="active selected item"
62
+ aria-checked="false"
63
+ aria-selected="false"
64
+ class="item"
67
65
  role="option"
68
66
  style="pointer-events: all;"
69
67
  >
@@ -84,61 +82,6 @@ exports[`<SelectField /> matches the latest snapshot for group_by 1`] = `
84
82
  </div>
85
83
  </div>
86
84
  </div>
87
- <div
88
- class="accordion ui fluid no-margin"
89
- >
90
- <div
91
- class="active title no-padding"
92
- >
93
- <div
94
- class="flex-center"
95
- >
96
- <i
97
- aria-hidden="true"
98
- class="dropdown icon"
99
- />
100
- <div
101
- aria-expanded="false"
102
- class="ui fluid search selection dropdown"
103
- role="combobox"
104
- >
105
- <input
106
- aria-autocomplete="list"
107
- autocomplete="off"
108
- class="search"
109
- tabindex="0"
110
- type="text"
111
- value=""
112
- />
113
- <div
114
- aria-atomic="true"
115
- aria-live="polite"
116
- class="divider text"
117
- role="alert"
118
- >
119
- placeholder
120
- </div>
121
- <i
122
- aria-hidden="true"
123
- class="dropdown icon"
124
- />
125
- <div
126
- class="menu transition"
127
- role="listbox"
128
- >
129
- <div
130
- class="message"
131
- >
132
- No results found.
133
- </div>
134
- </div>
135
- </div>
136
- </div>
137
- </div>
138
- <div
139
- class="content active no-padding"
140
- />
141
- </div>
142
85
  </div>
143
86
  </div>
144
87
  </div>
@@ -203,16 +146,14 @@ exports[`<SelectField /> matches the latest snapshot for select 1`] = `
203
146
  >
204
147
  <div
205
148
  class="shape-selector-trigger"
206
- >
207
- f(x)
208
- </div>
149
+ />
209
150
  <div
210
151
  class="menu transition"
211
152
  >
212
153
  <div
213
154
  aria-checked="false"
214
- aria-selected="false"
215
- class="item"
155
+ aria-selected="true"
156
+ class="selected item"
216
157
  role="option"
217
158
  style="pointer-events: all;"
218
159
  >
@@ -232,9 +173,9 @@ exports[`<SelectField /> matches the latest snapshot for select 1`] = `
232
173
  </div>
233
174
  </div>
234
175
  <div
235
- aria-checked="true"
236
- aria-selected="true"
237
- class="active selected item"
176
+ aria-checked="false"
177
+ aria-selected="false"
178
+ class="item"
238
179
  role="option"
239
180
  style="pointer-events: all;"
240
181
  >
@@ -255,61 +196,6 @@ exports[`<SelectField /> matches the latest snapshot for select 1`] = `
255
196
  </div>
256
197
  </div>
257
198
  </div>
258
- <div
259
- class="accordion ui fluid no-margin"
260
- >
261
- <div
262
- class="active title no-padding"
263
- >
264
- <div
265
- class="flex-center"
266
- >
267
- <i
268
- aria-hidden="true"
269
- class="dropdown icon"
270
- />
271
- <div
272
- aria-expanded="false"
273
- class="ui fluid search selection dropdown"
274
- role="combobox"
275
- >
276
- <input
277
- aria-autocomplete="list"
278
- autocomplete="off"
279
- class="search"
280
- tabindex="0"
281
- type="text"
282
- value=""
283
- />
284
- <div
285
- aria-atomic="true"
286
- aria-live="polite"
287
- class="divider text"
288
- role="alert"
289
- >
290
- placeholder
291
- </div>
292
- <i
293
- aria-hidden="true"
294
- class="dropdown icon"
295
- />
296
- <div
297
- class="menu transition"
298
- role="listbox"
299
- >
300
- <div
301
- class="message"
302
- >
303
- No results found.
304
- </div>
305
- </div>
306
- </div>
307
- </div>
308
- </div>
309
- <div
310
- class="content active no-padding"
311
- />
312
- </div>
313
199
  </div>
314
200
  </div>
315
201
  </div>
@@ -87,7 +87,7 @@ describe("<FunctionParams />", () => {
87
87
 
88
88
  userEvent.type(descriptionInput, testArgDescription);
89
89
 
90
- expect(watcher).lastCalledWith({
90
+ expect(watcher).toHaveBeenLastCalledWith({
91
91
  params: [
92
92
  {
93
93
  description: "test_arg_description",
@@ -109,6 +109,6 @@ describe("<FunctionParams />", () => {
109
109
  userEvent.click(newDeleteButton);
110
110
  await waitFor(() => expect(argInput).not.toBeInTheDocument());
111
111
 
112
- expect(watcher).lastCalledWith({ params: [] });
112
+ expect(watcher).toHaveBeenLastCalledWith({ params: [] });
113
113
  });
114
114
  });