@fkui/test-utils 6.21.0 → 6.23.0
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/dist/cjs/vue.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/vue/index.ts", "../../src/utils/generate-selector.ts", "../../src/utils/create-placeholder-in-document.ts", "../../src/vue/size-wrapper.ts", "../../src/vue/density-wrapper.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"../lib\";\nexport {\n SizeWrapper,\n
|
|
4
|
+
"sourcesContent": ["export * from \"../lib\";\nexport {\n SizeWrapper,\n sizeWrapperHeight,\n sizeWrapperWidth,\n} from \"./size-wrapper\";\nexport {\n DensityWrapper,\n densityWrapperHeight,\n densityWrapperWidth,\n} from \"./density-wrapper\";\n", "function canUseID(element: Element): boolean {\n if (!element.isConnected) {\n return false;\n }\n if (!element.id) {\n return false;\n }\n const hits = document.querySelectorAll(`#${element.id}`);\n return hits.length === 1;\n}\n\nfunction stringifyNode(element: Element): [text: string, final: boolean] {\n if (canUseID(element)) {\n return [`#${element.id}`, true];\n }\n\n const tagName = element.tagName.toLowerCase();\n const classes = Array.from(element.classList.values())\n .map((it) => `.${it}`)\n .join(\"\");\n return [`${tagName}${classes}`, false];\n}\n\n/**\n * Generate a selector for given element.\n *\n * @public\n * @param element - Element to generate selector for.\n * @returns DOM selector\n */\nexport function generateSelector(element: Element | null): string {\n if (!element) {\n return \"<null>\";\n }\n\n const [text, final] = stringifyNode(element);\n\n /* if the element itself is the final node needed for the selector just\n * return it right away */\n if (final) {\n return text;\n }\n\n const ancestry: string[] = [text];\n let cur = element;\n while (cur.parentElement) {\n const parent = cur.parentElement;\n const [text, final] = stringifyNode(parent);\n ancestry.push(text);\n if (final) {\n break;\n }\n cur = parent;\n }\n ancestry.reverse();\n\n return ancestry.join(\" > \");\n}\n", "/**\n * Creates a placeholder element as a child under `<body>`.\n * The element should be cleaned by the caller.\n *\n * @example\n *\n * In Vue.js tests this can be used with `attachTo` when the component must be\n * present in the document (e.g. dealing with focus).\n *\n * ```ts\n * shallowMount(MyComponent, {\n * attachTo: createPlaceholderInDocument(),\n * });\n * ```\n *\n * @public\n */\nexport function createPlaceholderInDocument(): HTMLElement {\n const elem = document.createElement(\"div\");\n if (document.body) {\n document.body.appendChild(elem);\n }\n return elem;\n}\n", "import { defineComponent, h } from \"vue\";\n\nconst aspectRatio = 16 / 9;\nconst cypressPadding = 8;\n\nconst variants = [\n { name: \"min\", size: \"320px\" },\n { name: \"mobile\", size: \"639px\" },\n { name: \"desktop-low\", size: \"640px\" },\n { name: \"desktop-normal\", size: \"1024px\" },\n];\n\n/**\n * Width of SizeWrapper component including padding added by cypress during tests.\n *\n * @public\n */\nexport const sizeWrapperWidth = 1024 + cypressPadding;\n\n/**\n * Height for SizeWrapper component with an aspect ratio of 16:9 based on its width.\n *\n * @public\n */\nexport const sizeWrapperHeight = sizeWrapperWidth / aspectRatio;\n\n/**\n * @public\n */\nexport const SizeWrapper = defineComponent({\n name: \"SizeWrapper\",\n render() {\n const children = variants.map((it) => {\n const data = {\n style: {\n border: \"1px dashed hotpink\",\n width: it.size,\n },\n \"data-variant\": it.name,\n };\n const slot = this.$slots.default ?? (() => \"\");\n const content = slot({\n variant: it.name,\n });\n return h(\"div\", data, [h(\"span\", it.size), content]);\n });\n return h(\"div\", children);\n },\n});\n", "import { defineComponent, h } from \"vue\";\n\nconst aspectRatio = 16 / 9;\nconst cypressPadding = 8;\n\nconst densities = [\n {\n name: \"Default\",\n class: \"density-default\",\n },\n {\n name: \"Dense\",\n class: \"density-dense\",\n },\n {\n name: \"Densest\",\n class: \"density-densest\",\n },\n];\n\n/**\n * Width of DensityWrapper component including padding added by cypress during tests.\n *\n * @public\n */\nexport const densityWrapperWidth = 640 + cypressPadding;\n\n/**\n * Height for DensityWrapper component with an aspect ratio of 16:9 based on its width.\n *\n * @public\n */\nexport const densityWrapperHeight = 640 / aspectRatio;\n\n/**\n * @public\n */\nexport const DensityWrapper = defineComponent({\n name: \"DensityWrapper\",\n render() {\n const children = densities.map((it) => {\n const data = {\n class: it.class,\n style: {\n border: \"1px dashed hotpink\",\n width: \"640px\",\n },\n };\n const slot = this.$slots.default ?? (() => \"\");\n const content = slot({\n density: it.name,\n });\n return h(\"div\", data, [content]);\n });\n return h(\"div\", children);\n },\n});\n"],
|
|
5
5
|
"mappings": "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",
|
|
6
6
|
"names": ["text", "final", "import_vue", "aspectRatio", "cypressPadding"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fkui/test-utils",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.23.0",
|
|
4
4
|
"description": "FKUI test utils for Jest",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"fkui",
|
|
@@ -60,10 +60,13 @@
|
|
|
60
60
|
"test": "jest"
|
|
61
61
|
},
|
|
62
62
|
"peerDependencies": {
|
|
63
|
-
"jest": "^26.0.0 || ^27.0.0 || ^28.0.0 || ^29.0.0",
|
|
63
|
+
"jest": "^26.0.0 || ^27.0.0 || ^28.0.0 || ^29.0.0 || ^30.0.0",
|
|
64
64
|
"vue": "^3.0.0"
|
|
65
65
|
},
|
|
66
66
|
"peerDependenciesMeta": {
|
|
67
|
+
"jest": {
|
|
68
|
+
"optional": true
|
|
69
|
+
},
|
|
67
70
|
"vue": {
|
|
68
71
|
"optional": true
|
|
69
72
|
}
|
|
@@ -72,5 +75,5 @@
|
|
|
72
75
|
"node": ">= 20",
|
|
73
76
|
"npm": ">= 7"
|
|
74
77
|
},
|
|
75
|
-
"gitHead": "
|
|
78
|
+
"gitHead": "fa6f480d4762eb6f01607c7fc9d9de58e2d946c0"
|
|
76
79
|
}
|