@leaflink/dom-testing-utils 0.0.0-PR-75--ea0a229 → 0.0.0-PR-64--d05e8fd
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.
- package/README.md +4 -4
- package/dist/index.d.ts +2 -2
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/setup-env.d.ts +1 -1
- package/dist/setup-env.js +1 -1
- package/dist/setup-env.js.map +1 -1
- package/dist/utils/__tests__/getBySelectedOption.spec.js +2 -2
- package/dist/utils/__tests__/getBySelectedOption.spec.js.map +1 -1
- package/dist/utils/__tests__/getBySelectedOptions.spec.js +2 -5
- package/dist/utils/__tests__/getBySelectedOptions.spec.js.map +1 -1
- package/dist/utils/{getBySelectedOption.d.ts → getSelectedOption.d.ts} +4 -4
- package/dist/utils/{getBySelectedOption.js → getSelectedOption.js} +6 -6
- package/dist/utils/getSelectedOption.js.map +1 -0
- package/dist/utils/{getBySelectedOptions.d.ts → getSelectedOptions.d.ts} +4 -4
- package/dist/utils/{getBySelectedOptions.js → getSelectedOptions.js} +4 -4
- package/dist/utils/getSelectedOptions.js.map +1 -0
- package/package.json +8 -5
- package/dist/utils/getBySelectedOption.js.map +0 -1
- package/dist/utils/getBySelectedOptions.js.map +0 -1
package/README.md
CHANGED
|
@@ -22,8 +22,8 @@
|
|
|
22
22
|
- [`assertAndDismissNoty`](#assertanddismissnoty)
|
|
23
23
|
- [`getByDescriptionTerm`](#getbydescriptionterm)
|
|
24
24
|
- [`getAllByDescriptionTerm`](#getallbydescriptionterm)
|
|
25
|
-
- [`
|
|
26
|
-
- [`
|
|
25
|
+
- [`getSelectedOption`](#getselectedoption)
|
|
26
|
+
- [`getSelectedOptions`](#getselectedoptions)
|
|
27
27
|
- [`createFixtureGenerator`](#createfixturegenerator)
|
|
28
28
|
- [Mocking API Endpoints](#mocking-api-endpoints)
|
|
29
29
|
|
|
@@ -153,7 +153,7 @@ Queries and returns an array of HTML elements with the role "definition" (DD) th
|
|
|
153
153
|
**Returns**: `HTMLElement[]` - An array of HTML description detail elements that match the given text.
|
|
154
154
|
|
|
155
155
|
|
|
156
|
-
### `
|
|
156
|
+
### `getSelectedOption`
|
|
157
157
|
|
|
158
158
|
Finds the first selected HTML element with the role "definition" (LI) "listitem" inside the specified select element.
|
|
159
159
|
|
|
@@ -166,7 +166,7 @@ Finds the first selected HTML element with the role "definition" (LI) "listitem"
|
|
|
166
166
|
**Returns**: `HTMLElement | undefined` - The first selected HTML listitem element or undefined if no match is found.
|
|
167
167
|
|
|
168
168
|
|
|
169
|
-
### `
|
|
169
|
+
### `getSelectedOptions`
|
|
170
170
|
|
|
171
171
|
Finds all the selected HTML elements with the role "definition" (LI) "listitem" inside the specified select element.
|
|
172
172
|
|
package/dist/index.d.ts
CHANGED
|
@@ -6,8 +6,8 @@ export { default as cleanupToasts } from './utils/cleanupToasts.js';
|
|
|
6
6
|
export { default as createFixtureGenerator } from './utils/createFixtureGenerator.js';
|
|
7
7
|
export { default as getAllByDescriptionTerm } from './utils/getAllByDescriptionTerm.js';
|
|
8
8
|
export { default as getByDescriptionTerm } from './utils/getByDescriptionTerm.js';
|
|
9
|
-
export { default as
|
|
10
|
-
export { default as
|
|
9
|
+
export { default as getSelectedOption } from './utils/getSelectedOption.js';
|
|
10
|
+
export { default as getSelectedOptions } from './utils/getSelectedOptions.js';
|
|
11
11
|
export { default as hasText } from './utils/hasText.js';
|
|
12
12
|
export { default as isHTMLElement } from './utils/isHTMLElement.js';
|
|
13
13
|
export { default as createMockApiUtils, RestMethod } from './utils/mockEndpoints.js';
|
package/dist/index.js
CHANGED
|
@@ -6,8 +6,8 @@ export { default as cleanupToasts } from './utils/cleanupToasts.js';
|
|
|
6
6
|
export { default as createFixtureGenerator } from './utils/createFixtureGenerator.js';
|
|
7
7
|
export { default as getAllByDescriptionTerm } from './utils/getAllByDescriptionTerm.js';
|
|
8
8
|
export { default as getByDescriptionTerm } from './utils/getByDescriptionTerm.js';
|
|
9
|
-
export { default as
|
|
10
|
-
export { default as
|
|
9
|
+
export { default as getSelectedOption } from './utils/getSelectedOption.js';
|
|
10
|
+
export { default as getSelectedOptions } from './utils/getSelectedOptions.js';
|
|
11
11
|
export { default as hasText } from './utils/hasText.js';
|
|
12
12
|
export { default as isHTMLElement } from './utils/isHTMLElement.js';
|
|
13
13
|
export { default as createMockApiUtils } from './utils/mockEndpoints.js';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"src/","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"src/","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAc,MAAM,0BAA0B,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,2BAA2B,CAAC"}
|
package/dist/setup-env.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@testing-library/jest-dom';
|
|
1
|
+
import '@testing-library/jest-dom/vitest';
|
package/dist/setup-env.js
CHANGED
package/dist/setup-env.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setup-env.js","sourceRoot":"src/","sources":["setup-env.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"setup-env.js","sourceRoot":"src/","sources":["setup-env.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { render, screen } from '@testing-library/vue';
|
|
2
|
-
import
|
|
2
|
+
import getSelectedOption from '../getSelectedOption';
|
|
3
3
|
// This content was extracted from https://stash.leaflink.com/?path=/story/components-select--single
|
|
4
4
|
const template = `<div class="input ll-select" data-test="ll-select">
|
|
5
5
|
<label class="stash-label tw-block tw-truncate tw-text-ice-900 tw-font-medium tw-text-sm tw-leading-6" for="field-92" id="field-label-91">
|
|
@@ -74,6 +74,6 @@ const template = `<div class="input ll-select" data-test="ll-select">
|
|
|
74
74
|
</div>`;
|
|
75
75
|
it('should return only the selected item', () => {
|
|
76
76
|
render({ template });
|
|
77
|
-
expect(
|
|
77
|
+
expect(getSelectedOption(screen.getByTestId('ll-select'))).toHaveTextContent('First');
|
|
78
78
|
});
|
|
79
79
|
//# sourceMappingURL=getBySelectedOption.spec.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getBySelectedOption.spec.js","sourceRoot":"src/","sources":["utils/__tests__/getBySelectedOption.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAEtD,OAAO,
|
|
1
|
+
{"version":3,"file":"getBySelectedOption.spec.js","sourceRoot":"src/","sources":["utils/__tests__/getBySelectedOption.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAEtD,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AAErD,oGAAoG;AACpG,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAsEV,CAAC;AAER,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;IAC9C,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAErB,MAAM,CAAC,iBAAiB,CAAC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;AACxF,CAAC,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { render, screen } from '@testing-library/vue';
|
|
2
|
-
import
|
|
2
|
+
import getSelectedOptions from '../getSelectedOptions';
|
|
3
3
|
// This content was extracted from https://stash.leaflink.com/?path=/story/components-select--multiple
|
|
4
4
|
const template = `<div class="input ll-select _has-hint_9vzwe_6" data-test="ll-select">
|
|
5
5
|
<label class="stash-label tw-block tw-truncate tw-text-ice-900 tw-font-medium tw-text-sm tw-leading-6" for="field-101" id="field-label-100">
|
|
@@ -99,9 +99,6 @@ const template = `<div class="input ll-select _has-hint_9vzwe_6" data-test="ll-s
|
|
|
99
99
|
</div>`;
|
|
100
100
|
it('should return only the selected items', () => {
|
|
101
101
|
render({ template });
|
|
102
|
-
expect(
|
|
103
|
-
'First',
|
|
104
|
-
'Second',
|
|
105
|
-
]);
|
|
102
|
+
expect(getSelectedOptions(screen.getByTestId('ll-select')).map((el) => el.textContent)).toEqual(['First', 'Second']);
|
|
106
103
|
});
|
|
107
104
|
//# sourceMappingURL=getBySelectedOptions.spec.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getBySelectedOptions.spec.js","sourceRoot":"src/","sources":["utils/__tests__/getBySelectedOptions.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAEtD,OAAO,
|
|
1
|
+
{"version":3,"file":"getBySelectedOptions.spec.js","sourceRoot":"src/","sources":["utils/__tests__/getBySelectedOptions.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAEtD,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AAEvD,sGAAsG;AACtG,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA+FV,CAAC;AAER,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;IAC/C,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAErB,MAAM,CAAC,kBAAkB,CAAC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;AACvH,CAAC,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type GetSelectedOptionArgs } from './getSelectedOptions.js';
|
|
2
2
|
/**
|
|
3
3
|
* Queries and returns the selected option inside of `select` HTML element with
|
|
4
4
|
* the role "definition" (LI) "listitem"
|
|
@@ -6,11 +6,11 @@ import { type GetBySelectedOptionArgs } from './getBySelectedOptions.js';
|
|
|
6
6
|
* E.G:
|
|
7
7
|
*```
|
|
8
8
|
* expect(
|
|
9
|
-
*
|
|
9
|
+
* getSelectedOption(screen.getByTestId('ll-select')),
|
|
10
10
|
* ).toHaveTextContent('First');
|
|
11
11
|
*```
|
|
12
12
|
* @param element - The Stash `select` HTML element wrapper to be used for search purposes
|
|
13
|
-
* @param options - `
|
|
13
|
+
* @param options - `GetSelectedOptionArgs` options
|
|
14
14
|
* @returns A single selected `listitem` HTML element.
|
|
15
15
|
*/
|
|
16
|
-
export default function
|
|
16
|
+
export default function getSelectedOption(element: HTMLSelectElement, { selectedClass, ...options }?: GetSelectedOptionArgs): HTMLElement;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { queryHelpers } from '@testing-library/dom';
|
|
2
|
-
import
|
|
2
|
+
import getSelectedOptions from './getSelectedOptions.js';
|
|
3
3
|
/**
|
|
4
4
|
* Queries and returns the selected option inside of `select` HTML element with
|
|
5
5
|
* the role "definition" (LI) "listitem"
|
|
@@ -7,15 +7,15 @@ import getBySelectedOptions from './getBySelectedOptions.js';
|
|
|
7
7
|
* E.G:
|
|
8
8
|
*```
|
|
9
9
|
* expect(
|
|
10
|
-
*
|
|
10
|
+
* getSelectedOption(screen.getByTestId('ll-select')),
|
|
11
11
|
* ).toHaveTextContent('First');
|
|
12
12
|
*```
|
|
13
13
|
* @param element - The Stash `select` HTML element wrapper to be used for search purposes
|
|
14
|
-
* @param options - `
|
|
14
|
+
* @param options - `GetSelectedOptionArgs` options
|
|
15
15
|
* @returns A single selected `listitem` HTML element.
|
|
16
16
|
*/
|
|
17
|
-
export default function
|
|
18
|
-
const selectedOption =
|
|
17
|
+
export default function getSelectedOption(element, { selectedClass = 'is-selected', ...options } = {}) {
|
|
18
|
+
const selectedOption = getSelectedOptions(element, { selectedClass, ...options });
|
|
19
19
|
if (selectedOption.length > 1) {
|
|
20
20
|
throw queryHelpers.getElementError(`Found multiple options with the ".${selectedClass}" className: \n${selectedOption
|
|
21
21
|
.map((option, index) => `- Element with text "${option.textContent}" at index "${index}"`)
|
|
@@ -23,4 +23,4 @@ export default function getBySelectedOption(element, { selectedClass = 'is-selec
|
|
|
23
23
|
}
|
|
24
24
|
return selectedOption[0];
|
|
25
25
|
}
|
|
26
|
-
//# sourceMappingURL=
|
|
26
|
+
//# sourceMappingURL=getSelectedOption.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getSelectedOption.js","sourceRoot":"src/","sources":["utils/getSelectedOption.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,OAAO,kBAAkD,MAAM,yBAAyB,CAAC;AACzF;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,OAA0B,EAC1B,EAAE,aAAa,GAAG,aAAa,EAAE,GAAG,OAAO,KAA4B,EAAE;IAEzE,MAAM,cAAc,GAAG,kBAAkB,CAAC,OAAO,EAAE,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC;IAElF,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE;QAC7B,MAAM,YAAY,CAAC,eAAe,CAChC,qCAAqC,aAAa,kBAAkB,cAAc;aAC/E,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,wBAAwB,MAAM,CAAC,WAAW,eAAe,KAAK,GAAG,CAAC;aACzF,IAAI,CAAC,IAAI,CAAC,EAAE,EACf,OAAO,CACR,CAAC;KACH;IAED,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC;AAC3B,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { type ByRoleOptions } from '@testing-library/vue';
|
|
|
2
2
|
/**
|
|
3
3
|
* `getAllByRole()` options values using `ByRoleOptions` type
|
|
4
4
|
*/
|
|
5
|
-
export interface
|
|
5
|
+
export interface GetSelectedOptionArgs extends ByRoleOptions {
|
|
6
6
|
/**
|
|
7
7
|
* Selected class
|
|
8
8
|
* By default it's using Stash Select class `is-selected`
|
|
@@ -17,11 +17,11 @@ export interface GetBySelectedOptionArgs extends ByRoleOptions {
|
|
|
17
17
|
*```
|
|
18
18
|
*
|
|
19
19
|
* expect(
|
|
20
|
-
*
|
|
20
|
+
* getSelectedOptions(screen.getByTestId('ll-select'))
|
|
21
21
|
* ).toEqual(['First', 'Second'])
|
|
22
22
|
*```
|
|
23
23
|
* @param selectElement - The `select` HTML element to be used for search purposes.
|
|
24
|
-
* @param options - `
|
|
24
|
+
* @param options - `GetSelectedOptionArgs` options
|
|
25
25
|
* @returns A list of selected `listitem` HTML elements.
|
|
26
26
|
*/
|
|
27
|
-
export default function
|
|
27
|
+
export default function getSelectedOptions(element: HTMLSelectElement, { selectedClass, ...opts }?: GetSelectedOptionArgs): HTMLElement[];
|
|
@@ -7,14 +7,14 @@ import { within } from '@testing-library/vue';
|
|
|
7
7
|
*```
|
|
8
8
|
*
|
|
9
9
|
* expect(
|
|
10
|
-
*
|
|
10
|
+
* getSelectedOptions(screen.getByTestId('ll-select'))
|
|
11
11
|
* ).toEqual(['First', 'Second'])
|
|
12
12
|
*```
|
|
13
13
|
* @param selectElement - The `select` HTML element to be used for search purposes.
|
|
14
|
-
* @param options - `
|
|
14
|
+
* @param options - `GetSelectedOptionArgs` options
|
|
15
15
|
* @returns A list of selected `listitem` HTML elements.
|
|
16
16
|
*/
|
|
17
|
-
export default function
|
|
17
|
+
export default function getSelectedOptions(element, { selectedClass = 'is-selected', ...opts } = {}) {
|
|
18
18
|
return within(element)
|
|
19
19
|
.getAllByRole('listitem', {
|
|
20
20
|
hidden: true,
|
|
@@ -27,4 +27,4 @@ export default function getBySelectedOptions(element, { selectedClass = 'is-sele
|
|
|
27
27
|
return element;
|
|
28
28
|
});
|
|
29
29
|
}
|
|
30
|
-
//# sourceMappingURL=
|
|
30
|
+
//# sourceMappingURL=getSelectedOptions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getSelectedOptions.js","sourceRoot":"src/","sources":["utils/getSelectedOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAalE;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,OAA0B,EAC1B,EAAE,aAAa,GAAG,aAAa,EAAE,GAAG,IAAI,KAA4B,EAAE;IAEtE,OAAO,MAAM,CAAC,OAAO,CAAC;SACnB,YAAY,CAAC,UAAU,EAAE;QACxB,MAAM,EAAE,IAAI;QACZ,GAAG,IAAI;KACR,CAAC;SACD,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;SACjF,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;QACf,8EAA8E;QAC9E,OAAO,CAAC,WAAW,GAAG,CAAC,OAAO,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;QAEzD,OAAO,OAAO,CAAC;IACjB,CAAC,CAAC,CAAC;AACP,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@leaflink/dom-testing-utils",
|
|
3
|
-
"version": "0.0.0-PR-
|
|
3
|
+
"version": "0.0.0-PR-64--d05e8fd",
|
|
4
4
|
"description": "Frontend DOM testing utilities",
|
|
5
5
|
"engines": {
|
|
6
|
-
"node": ">=
|
|
6
|
+
"node": ">=18",
|
|
7
7
|
"npm": ">=8"
|
|
8
8
|
},
|
|
9
9
|
"exports": {
|
|
@@ -40,9 +40,6 @@
|
|
|
40
40
|
},
|
|
41
41
|
"license": "MIT",
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@testing-library/jest-dom": "^6.1.3",
|
|
44
|
-
"@testing-library/user-event": "^14.5.1",
|
|
45
|
-
"@testing-library/vue": "^7.0.0",
|
|
46
43
|
"msw": "^2.0.8"
|
|
47
44
|
},
|
|
48
45
|
"devDependencies": {
|
|
@@ -54,6 +51,12 @@
|
|
|
54
51
|
"vite": "^4.4.9",
|
|
55
52
|
"vitest": "^0.34.5"
|
|
56
53
|
},
|
|
54
|
+
"peerDependencies": {
|
|
55
|
+
"@testing-library/jest-dom": "^5 || ^6",
|
|
56
|
+
"@testing-library/user-event": "^12 || ^13 || ^14",
|
|
57
|
+
"@testing-library/vue": "^7 || ^8",
|
|
58
|
+
"vue": "^3.2.31"
|
|
59
|
+
},
|
|
57
60
|
"eslintConfig": {
|
|
58
61
|
"extends": [
|
|
59
62
|
"leaflink"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getBySelectedOption.js","sourceRoot":"src/","sources":["utils/getBySelectedOption.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,OAAO,oBAAsD,MAAM,2BAA2B,CAAC;AAC/F;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CACzC,OAA0B,EAC1B,EAAE,aAAa,GAAG,aAAa,EAAE,GAAG,OAAO,KAA8B,EAAE;IAE3E,MAAM,cAAc,GAAG,oBAAoB,CAAC,OAAO,EAAE,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC;IAEpF,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE;QAC7B,MAAM,YAAY,CAAC,eAAe,CAChC,qCAAqC,aAAa,kBAAkB,cAAc;aAC/E,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,wBAAwB,MAAM,CAAC,WAAW,eAAe,KAAK,GAAG,CAAC;aACzF,IAAI,CAAC,IAAI,CAAC,EAAE,EACf,OAAO,CACR,CAAC;KACH;IAED,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC;AAC3B,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getBySelectedOptions.js","sourceRoot":"src/","sources":["utils/getBySelectedOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAalE;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAC1C,OAA0B,EAC1B,EAAE,aAAa,GAAG,aAAa,EAAE,GAAG,IAAI,KAA8B,EAAE;IAExE,OAAO,MAAM,CAAC,OAAO,CAAC;SACnB,YAAY,CAAC,UAAU,EAAE;QACxB,MAAM,EAAE,IAAI;QACZ,GAAG,IAAI;KACR,CAAC;SACD,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;SACjF,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;QACf,8EAA8E;QAC9E,OAAO,CAAC,WAAW,GAAG,CAAC,OAAO,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;QAEzD,OAAO,OAAO,CAAC;IACjB,CAAC,CAAC,CAAC;AACP,CAAC"}
|