@elliemae/ds-card-navigation 3.53.0-next.2 → 3.53.0-next.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.
- package/package.json +10 -10
- package/dist/cjs/tests/overflow/DSCardNavigation.overflow.test.playwright.js +0 -75
- package/dist/cjs/tests/overflow/DSCardNavigation.overflow.test.playwright.js.map +0 -7
- package/dist/cjs/tests/overflow/DSCardNavigationOverflowTestRenderer.js +0 -49
- package/dist/cjs/tests/overflow/DSCardNavigationOverflowTestRenderer.js.map +0 -7
- package/dist/cjs/tests/wraptext/DSCardNavigation.wrapText.test.playwright.js +0 -63
- package/dist/cjs/tests/wraptext/DSCardNavigation.wrapText.test.playwright.js.map +0 -7
- package/dist/cjs/tests/wraptext/DSCardNavigationWrapTextTestRenderer.js +0 -47
- package/dist/cjs/tests/wraptext/DSCardNavigationWrapTextTestRenderer.js.map +0 -7
- package/dist/esm/tests/overflow/DSCardNavigation.overflow.test.playwright.js +0 -52
- package/dist/esm/tests/overflow/DSCardNavigation.overflow.test.playwright.js.map +0 -7
- package/dist/esm/tests/overflow/DSCardNavigationOverflowTestRenderer.js +0 -19
- package/dist/esm/tests/overflow/DSCardNavigationOverflowTestRenderer.js.map +0 -7
- package/dist/esm/tests/wraptext/DSCardNavigation.wrapText.test.playwright.js +0 -40
- package/dist/esm/tests/wraptext/DSCardNavigation.wrapText.test.playwright.js.map +0 -7
- package/dist/esm/tests/wraptext/DSCardNavigationWrapTextTestRenderer.js +0 -17
- package/dist/esm/tests/wraptext/DSCardNavigationWrapTextTestRenderer.js.map +0 -7
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-card-navigation",
|
|
3
|
-
"version": "3.53.0-next.
|
|
3
|
+
"version": "3.53.0-next.4",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Card Navigation",
|
|
6
6
|
"files": [
|
|
@@ -37,21 +37,21 @@
|
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@xstyled/styled-components": "~3.7.3",
|
|
40
|
-
"@elliemae/ds-grid": "3.53.0-next.
|
|
41
|
-
"@elliemae/ds-
|
|
42
|
-
"@elliemae/ds-
|
|
43
|
-
"@elliemae/ds-
|
|
44
|
-
"@elliemae/ds-
|
|
45
|
-
"@elliemae/ds-system": "3.53.0-next.
|
|
40
|
+
"@elliemae/ds-grid": "3.53.0-next.4",
|
|
41
|
+
"@elliemae/ds-hooks-on-overflow-change": "3.53.0-next.4",
|
|
42
|
+
"@elliemae/ds-hooks-on-blur-out": "3.53.0-next.4",
|
|
43
|
+
"@elliemae/ds-props-helpers": "3.53.0-next.4",
|
|
44
|
+
"@elliemae/ds-icons": "3.53.0-next.4",
|
|
45
|
+
"@elliemae/ds-system": "3.53.0-next.4"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@elliemae/pui-cli": "9.0.0-next.63",
|
|
49
49
|
"@playwright/experimental-ct-react": "^1.51.1",
|
|
50
50
|
"jest": "~29.7.0",
|
|
51
51
|
"styled-components": "~5.3.9",
|
|
52
|
-
"@elliemae/ds-
|
|
53
|
-
"@elliemae/ds-
|
|
54
|
-
"@elliemae/ds-icons": "3.53.0-next.
|
|
52
|
+
"@elliemae/ds-monorepo-devops": "3.53.0-next.4",
|
|
53
|
+
"@elliemae/ds-typescript-helpers": "3.53.0-next.4",
|
|
54
|
+
"@elliemae/ds-icons": "3.53.0-next.4"
|
|
55
55
|
},
|
|
56
56
|
"peerDependencies": {
|
|
57
57
|
"@testing-library/jest-dom": "^6.6.3",
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
12
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
-
}
|
|
14
|
-
return to;
|
|
15
|
-
};
|
|
16
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
17
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
18
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
19
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
20
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
-
mod
|
|
23
|
-
));
|
|
24
|
-
var React = __toESM(require("react"));
|
|
25
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
26
|
-
var import_experimental_ct_react = require("@playwright/experimental-ct-react");
|
|
27
|
-
var import_DSCardNavigationOverflowTestRenderer = require("./DSCardNavigationOverflowTestRenderer");
|
|
28
|
-
const tooltipSelector = '[data-testid="ds-tooltip-v3-tooltip-text-wrapper"]';
|
|
29
|
-
const buttonSelector = '[data-testid="test-button"]';
|
|
30
|
-
const assertTooltipHidden = async (page) => {
|
|
31
|
-
await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toHaveCount(0);
|
|
32
|
-
await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toBeHidden();
|
|
33
|
-
};
|
|
34
|
-
const assertTooltipVisible = async (page) => {
|
|
35
|
-
await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toHaveCount(1);
|
|
36
|
-
await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toBeVisible();
|
|
37
|
-
};
|
|
38
|
-
import_experimental_ct_react.test.describe("DSCardNavigation - Overflow Behavior", () => {
|
|
39
|
-
(0, import_experimental_ct_react.test)("Should show title tooltip on hover, and should hide tooltip title on hover out", async ({ mount, page }) => {
|
|
40
|
-
await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSCardNavigationOverflowTestRenderer.DSCardNavigationOverflowTestRenderer, {}));
|
|
41
|
-
const title = page.locator('[data-testid="ds-cardnavigation-title"]');
|
|
42
|
-
await title.hover();
|
|
43
|
-
await assertTooltipVisible(page);
|
|
44
|
-
await page.locator(buttonSelector).hover();
|
|
45
|
-
await assertTooltipHidden(page);
|
|
46
|
-
});
|
|
47
|
-
(0, import_experimental_ct_react.test)("Should show description tooltip on hover, and should hide tooltip description on hover out ", async ({
|
|
48
|
-
mount,
|
|
49
|
-
page
|
|
50
|
-
}) => {
|
|
51
|
-
await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSCardNavigationOverflowTestRenderer.DSCardNavigationOverflowTestRenderer, {}));
|
|
52
|
-
const description = page.locator('[data-testid="ds-card-navigation--description"]');
|
|
53
|
-
await description.hover();
|
|
54
|
-
await assertTooltipVisible(page);
|
|
55
|
-
await page.locator(buttonSelector).hover();
|
|
56
|
-
await assertTooltipHidden(page);
|
|
57
|
-
});
|
|
58
|
-
(0, import_experimental_ct_react.test)("Should hide title tooltip on pressing Escape key after hovering ", async ({ mount, page }) => {
|
|
59
|
-
await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSCardNavigationOverflowTestRenderer.DSCardNavigationOverflowTestRenderer, {}));
|
|
60
|
-
const title = page.locator('[data-testid="ds-cardnavigation-title"]');
|
|
61
|
-
await title.hover();
|
|
62
|
-
await assertTooltipVisible(page);
|
|
63
|
-
await page.keyboard.press("Escape");
|
|
64
|
-
await assertTooltipHidden(page);
|
|
65
|
-
});
|
|
66
|
-
(0, import_experimental_ct_react.test)("Should hide description tooltip on pressing Escape key after hovering ", async ({ mount, page }) => {
|
|
67
|
-
await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSCardNavigationOverflowTestRenderer.DSCardNavigationOverflowTestRenderer, {}));
|
|
68
|
-
const description = page.locator('[data-testid="ds-card-navigation--description"]');
|
|
69
|
-
await description.hover();
|
|
70
|
-
await assertTooltipVisible(page);
|
|
71
|
-
await page.keyboard.press("Escape");
|
|
72
|
-
await assertTooltipHidden(page);
|
|
73
|
-
});
|
|
74
|
-
});
|
|
75
|
-
//# sourceMappingURL=DSCardNavigation.overflow.test.playwright.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/overflow/DSCardNavigation.overflow.test.playwright.jsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { expect, test } from '@playwright/experimental-ct-react';\nimport { DSCardNavigationOverflowTestRenderer } from './DSCardNavigationOverflowTestRenderer';\n\nconst tooltipSelector = '[data-testid=\"ds-tooltip-v3-tooltip-text-wrapper\"]';\nconst buttonSelector = '[data-testid=\"test-button\"]';\n\nconst assertTooltipHidden = async (page) => {\n await expect(page.locator(tooltipSelector)).toHaveCount(0);\n await expect(page.locator(tooltipSelector)).toBeHidden();\n};\n\nconst assertTooltipVisible = async (page) => {\n await expect(page.locator(tooltipSelector)).toHaveCount(1);\n await expect(page.locator(tooltipSelector)).toBeVisible();\n};\n\ntest.describe('DSCardNavigation - Overflow Behavior', () => {\n test('Should show title tooltip on hover, and should hide tooltip title on hover out', async ({ mount, page }) => {\n await mount(<DSCardNavigationOverflowTestRenderer />);\n const title = page.locator('[data-testid=\"ds-cardnavigation-title\"]');\n\n await title.hover();\n await assertTooltipVisible(page);\n await page.locator(buttonSelector).hover();\n await assertTooltipHidden(page);\n });\n\n test('Should show description tooltip on hover, and should hide tooltip description on hover out ', async ({\n mount,\n page,\n }) => {\n await mount(<DSCardNavigationOverflowTestRenderer />);\n const description = page.locator('[data-testid=\"ds-card-navigation--description\"]');\n\n await description.hover();\n await assertTooltipVisible(page);\n await page.locator(buttonSelector).hover();\n await assertTooltipHidden(page);\n });\n\n test('Should hide title tooltip on pressing Escape key after hovering ', async ({ mount, page }) => {\n await mount(<DSCardNavigationOverflowTestRenderer />);\n const title = page.locator('[data-testid=\"ds-cardnavigation-title\"]');\n\n await title.hover();\n await assertTooltipVisible(page);\n await page.keyboard.press('Escape');\n await assertTooltipHidden(page);\n });\n\n test('Should hide description tooltip on pressing Escape key after hovering ', async ({ mount, page }) => {\n await mount(<DSCardNavigationOverflowTestRenderer />);\n const description = page.locator('[data-testid=\"ds-card-navigation--description\"]');\n\n await description.hover();\n await assertTooltipVisible(page);\n await page.keyboard.press('Escape');\n await assertTooltipHidden(page);\n });\n});\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACkBP;AAlBhB,mCAA6B;AAC7B,kDAAqD;AAErD,MAAM,kBAAkB;AACxB,MAAM,iBAAiB;AAEvB,MAAM,sBAAsB,OAAO,SAAS;AAC1C,YAAM,qCAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,YAAY,CAAC;AACzD,YAAM,qCAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,WAAW;AACzD;AAEA,MAAM,uBAAuB,OAAO,SAAS;AAC3C,YAAM,qCAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,YAAY,CAAC;AACzD,YAAM,qCAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,YAAY;AAC1D;AAEA,kCAAK,SAAS,wCAAwC,MAAM;AAC1D,yCAAK,kFAAkF,OAAO,EAAE,OAAO,KAAK,MAAM;AAChH,UAAM,MAAM,4CAAC,oFAAqC,CAAE;AACpD,UAAM,QAAQ,KAAK,QAAQ,yCAAyC;AAEpE,UAAM,MAAM,MAAM;AAClB,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,yCAAK,+FAA+F,OAAO;AAAA,IACzG;AAAA,IACA;AAAA,EACF,MAAM;AACJ,UAAM,MAAM,4CAAC,oFAAqC,CAAE;AACpD,UAAM,cAAc,KAAK,QAAQ,iDAAiD;AAElF,UAAM,YAAY,MAAM;AACxB,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,yCAAK,oEAAoE,OAAO,EAAE,OAAO,KAAK,MAAM;AAClG,UAAM,MAAM,4CAAC,oFAAqC,CAAE;AACpD,UAAM,QAAQ,KAAK,QAAQ,yCAAyC;AAEpE,UAAM,MAAM,MAAM;AAClB,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,SAAS,MAAM,QAAQ;AAClC,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,yCAAK,0EAA0E,OAAO,EAAE,OAAO,KAAK,MAAM;AACxG,UAAM,MAAM,4CAAC,oFAAqC,CAAE;AACpD,UAAM,cAAc,KAAK,QAAQ,iDAAiD;AAElF,UAAM,YAAY,MAAM;AACxB,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,SAAS,MAAM,QAAQ;AAClC,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AACH,CAAC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var DSCardNavigationOverflowTestRenderer_exports = {};
|
|
30
|
-
__export(DSCardNavigationOverflowTestRenderer_exports, {
|
|
31
|
-
DSCardNavigationOverflowTestRenderer: () => DSCardNavigationOverflowTestRenderer
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(DSCardNavigationOverflowTestRenderer_exports);
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
-
var import_react = __toESM(require("react"));
|
|
37
|
-
var import_ds_card_navigation = require("@elliemae/ds-card-navigation");
|
|
38
|
-
var import_ds_system = require("@elliemae/ds-system");
|
|
39
|
-
const DSCardNavigationOverflowTestRenderer = (0, import_ds_system.themeProviderHOC)(() => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("main", { style: { width: "100px", margin: "2rem" }, "data-testid": "main-div", children: [
|
|
40
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
41
|
-
import_ds_card_navigation.DSCardNavigation,
|
|
42
|
-
{
|
|
43
|
-
title: "Card Title with actions + long description",
|
|
44
|
-
description: "Customs actions + long description long description long description long description"
|
|
45
|
-
}
|
|
46
|
-
),
|
|
47
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", "data-testid": "test-button", children: "test 1" })
|
|
48
|
-
] }));
|
|
49
|
-
//# sourceMappingURL=DSCardNavigationOverflowTestRenderer.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/tests/overflow/DSCardNavigationOverflowTestRenderer.jsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { DSCardNavigation } from '@elliemae/ds-card-navigation';\nimport { themeProviderHOC } from '@elliemae/ds-system';\n\nexport const DSCardNavigationOverflowTestRenderer = themeProviderHOC(() => (\n <main style={{ width: '100px', margin: '2rem' }} data-testid=\"main-div\">\n <DSCardNavigation\n title=\"Card Title with actions + long description\"\n description=\"Customs actions + long description long description long description long description\"\n />\n <button type=\"button\" data-testid=\"test-button\">\n test 1\n </button>\n </main>\n));\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKrB;AALF,mBAAkB;AAClB,gCAAiC;AACjC,uBAAiC;AAE1B,MAAM,2CAAuC,mCAAiB,MACnE,6CAAC,UAAK,OAAO,EAAE,OAAO,SAAS,QAAQ,OAAO,GAAG,eAAY,YAC3D;AAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,aAAY;AAAA;AAAA,EACd;AAAA,EACA,4CAAC,YAAO,MAAK,UAAS,eAAY,eAAc,oBAEhD;AAAA,GACF,CACD;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
12
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
-
}
|
|
14
|
-
return to;
|
|
15
|
-
};
|
|
16
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
17
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
18
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
19
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
20
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
-
mod
|
|
23
|
-
));
|
|
24
|
-
var React = __toESM(require("react"));
|
|
25
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
26
|
-
var import_experimental_ct_react = require("@playwright/experimental-ct-react");
|
|
27
|
-
var import_DSCardNavigationWrapTextTestRenderer = require("./DSCardNavigationWrapTextTestRenderer");
|
|
28
|
-
const tooltipSelector = '[data-testid="ds-tooltip-v3-tooltip-text-wrapper"]';
|
|
29
|
-
const assertTooltipHidden = async (page) => {
|
|
30
|
-
await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toHaveCount(0);
|
|
31
|
-
await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toBeHidden();
|
|
32
|
-
};
|
|
33
|
-
const assertTooltipVisible = async (page) => {
|
|
34
|
-
await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toHaveCount(1);
|
|
35
|
-
await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toBeVisible();
|
|
36
|
-
};
|
|
37
|
-
import_experimental_ct_react.test.describe("DSCardNavigationWraptextTestRenderer - wrapText Behavior", () => {
|
|
38
|
-
(0, import_experimental_ct_react.test)("Should not allow tooltip to render on title when wrapText is true", async ({ mount, page }) => {
|
|
39
|
-
await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSCardNavigationWrapTextTestRenderer.DSCardNavigationWraptextTestRenderer, { wrapText: true }));
|
|
40
|
-
const title = page.locator('[data-testid="ds-cardnavigation-title"]');
|
|
41
|
-
await title.hover();
|
|
42
|
-
await assertTooltipHidden(page);
|
|
43
|
-
});
|
|
44
|
-
(0, import_experimental_ct_react.test)("Should not allow tooltip to render on description when wrapText is true", async ({ mount, page }) => {
|
|
45
|
-
await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSCardNavigationWrapTextTestRenderer.DSCardNavigationWraptextTestRenderer, { wrapText: true }));
|
|
46
|
-
const description = page.locator('[data-testid="ds-card-navigation--description"]');
|
|
47
|
-
await description.hover();
|
|
48
|
-
await assertTooltipHidden(page);
|
|
49
|
-
});
|
|
50
|
-
(0, import_experimental_ct_react.test)("Should allow tooltip to render on title when wrapText is false", async ({ mount, page }) => {
|
|
51
|
-
await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSCardNavigationWrapTextTestRenderer.DSCardNavigationWraptextTestRenderer, { wrapText: false }));
|
|
52
|
-
const title = page.locator('[data-testid="ds-cardnavigation-title"]');
|
|
53
|
-
await title.hover();
|
|
54
|
-
await assertTooltipVisible(page);
|
|
55
|
-
});
|
|
56
|
-
(0, import_experimental_ct_react.test)("Should allow tooltip to render on description when wrapText is false", async ({ mount, page }) => {
|
|
57
|
-
await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSCardNavigationWrapTextTestRenderer.DSCardNavigationWraptextTestRenderer, { wrapText: false }));
|
|
58
|
-
const description = page.locator('[data-testid="ds-card-navigation--description"]');
|
|
59
|
-
await description.hover();
|
|
60
|
-
await assertTooltipVisible(page);
|
|
61
|
-
});
|
|
62
|
-
});
|
|
63
|
-
//# sourceMappingURL=DSCardNavigation.wrapText.test.playwright.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/wraptext/DSCardNavigation.wrapText.test.playwright.jsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { expect, test } from '@playwright/experimental-ct-react';\nimport { DSCardNavigationWraptextTestRenderer } from './DSCardNavigationWrapTextTestRenderer';\n\nconst tooltipSelector = '[data-testid=\"ds-tooltip-v3-tooltip-text-wrapper\"]';\n\nconst assertTooltipHidden = async (page) => {\n await expect(page.locator(tooltipSelector)).toHaveCount(0);\n await expect(page.locator(tooltipSelector)).toBeHidden();\n};\n\nconst assertTooltipVisible = async (page) => {\n await expect(page.locator(tooltipSelector)).toHaveCount(1);\n await expect(page.locator(tooltipSelector)).toBeVisible();\n};\n\ntest.describe('DSCardNavigationWraptextTestRenderer - wrapText Behavior', () => {\n test('Should not allow tooltip to render on title when wrapText is true', async ({ mount, page }) => {\n await mount(<DSCardNavigationWraptextTestRenderer wrapText />);\n\n const title = page.locator('[data-testid=\"ds-cardnavigation-title\"]');\n await title.hover();\n await assertTooltipHidden(page);\n });\n\n test('Should not allow tooltip to render on description when wrapText is true', async ({ mount, page }) => {\n await mount(<DSCardNavigationWraptextTestRenderer wrapText />);\n\n const description = page.locator('[data-testid=\"ds-card-navigation--description\"]');\n await description.hover();\n await assertTooltipHidden(page);\n });\n\n test('Should allow tooltip to render on title when wrapText is false', async ({ mount, page }) => {\n await mount(<DSCardNavigationWraptextTestRenderer wrapText={false} />);\n\n const title = page.locator('[data-testid=\"ds-cardnavigation-title\"]');\n await title.hover();\n await assertTooltipVisible(page);\n });\n\n test('Should allow tooltip to render on description when wrapText is false', async ({ mount, page }) => {\n await mount(<DSCardNavigationWraptextTestRenderer wrapText={false} />);\n\n const description = page.locator('[data-testid=\"ds-card-navigation--description\"]');\n await description.hover();\n await assertTooltipVisible(page);\n });\n});\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACiBP;AAjBhB,mCAA6B;AAC7B,kDAAqD;AAErD,MAAM,kBAAkB;AAExB,MAAM,sBAAsB,OAAO,SAAS;AAC1C,YAAM,qCAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,YAAY,CAAC;AACzD,YAAM,qCAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,WAAW;AACzD;AAEA,MAAM,uBAAuB,OAAO,SAAS;AAC3C,YAAM,qCAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,YAAY,CAAC;AACzD,YAAM,qCAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,YAAY;AAC1D;AAEA,kCAAK,SAAS,4DAA4D,MAAM;AAC9E,yCAAK,qEAAqE,OAAO,EAAE,OAAO,KAAK,MAAM;AACnG,UAAM,MAAM,4CAAC,oFAAqC,UAAQ,MAAC,CAAE;AAE7D,UAAM,QAAQ,KAAK,QAAQ,yCAAyC;AACpE,UAAM,MAAM,MAAM;AAClB,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,yCAAK,2EAA2E,OAAO,EAAE,OAAO,KAAK,MAAM;AACzG,UAAM,MAAM,4CAAC,oFAAqC,UAAQ,MAAC,CAAE;AAE7D,UAAM,cAAc,KAAK,QAAQ,iDAAiD;AAClF,UAAM,YAAY,MAAM;AACxB,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,yCAAK,kEAAkE,OAAO,EAAE,OAAO,KAAK,MAAM;AAChG,UAAM,MAAM,4CAAC,oFAAqC,UAAU,OAAO,CAAE;AAErE,UAAM,QAAQ,KAAK,QAAQ,yCAAyC;AACpE,UAAM,MAAM,MAAM;AAClB,UAAM,qBAAqB,IAAI;AAAA,EACjC,CAAC;AAED,yCAAK,wEAAwE,OAAO,EAAE,OAAO,KAAK,MAAM;AACtG,UAAM,MAAM,4CAAC,oFAAqC,UAAU,OAAO,CAAE;AAErE,UAAM,cAAc,KAAK,QAAQ,iDAAiD;AAClF,UAAM,YAAY,MAAM;AACxB,UAAM,qBAAqB,IAAI;AAAA,EACjC,CAAC;AACH,CAAC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var DSCardNavigationWrapTextTestRenderer_exports = {};
|
|
30
|
-
__export(DSCardNavigationWrapTextTestRenderer_exports, {
|
|
31
|
-
DSCardNavigationWraptextTestRenderer: () => DSCardNavigationWraptextTestRenderer
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(DSCardNavigationWrapTextTestRenderer_exports);
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
-
var import_react = __toESM(require("react"));
|
|
37
|
-
var import_ds_card_navigation = require("@elliemae/ds-card-navigation");
|
|
38
|
-
var import_ds_system = require("@elliemae/ds-system");
|
|
39
|
-
const DSCardNavigationWraptextTestRenderer = (0, import_ds_system.themeProviderHOC)(({ wrapText }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("main", { style: { width: "100px", margin: "2rem" }, "data-testid": "main-div", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
40
|
-
import_ds_card_navigation.DSCardNavigation,
|
|
41
|
-
{
|
|
42
|
-
title: "Card Title with actions + long description + long description",
|
|
43
|
-
description: "Customs actions + long description + long description + long description",
|
|
44
|
-
wrapText
|
|
45
|
-
}
|
|
46
|
-
) }));
|
|
47
|
-
//# sourceMappingURL=DSCardNavigationWrapTextTestRenderer.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/tests/wraptext/DSCardNavigationWrapTextTestRenderer.jsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { DSCardNavigation } from '@elliemae/ds-card-navigation';\nimport { themeProviderHOC } from '@elliemae/ds-system';\n\nexport const DSCardNavigationWraptextTestRenderer = themeProviderHOC(({ wrapText }) => (\n <main style={{ width: '100px', margin: '2rem' }} data-testid=\"main-div\">\n <DSCardNavigation\n title=\"Card Title with actions + long description + long description\"\n description=\"Customs actions + long description + long description + long description\"\n wrapText={wrapText}\n />\n </main>\n));\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADMnB;AANJ,mBAAkB;AAClB,gCAAiC;AACjC,uBAAiC;AAE1B,MAAM,2CAAuC,mCAAiB,CAAC,EAAE,SAAS,MAC/E,4CAAC,UAAK,OAAO,EAAE,OAAO,SAAS,QAAQ,OAAO,GAAG,eAAY,YAC3D;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,aAAY;AAAA,IACZ;AAAA;AACF,GACF,CACD;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import { expect, test } from "@playwright/experimental-ct-react";
|
|
4
|
-
import { DSCardNavigationOverflowTestRenderer } from "./DSCardNavigationOverflowTestRenderer";
|
|
5
|
-
const tooltipSelector = '[data-testid="ds-tooltip-v3-tooltip-text-wrapper"]';
|
|
6
|
-
const buttonSelector = '[data-testid="test-button"]';
|
|
7
|
-
const assertTooltipHidden = async (page) => {
|
|
8
|
-
await expect(page.locator(tooltipSelector)).toHaveCount(0);
|
|
9
|
-
await expect(page.locator(tooltipSelector)).toBeHidden();
|
|
10
|
-
};
|
|
11
|
-
const assertTooltipVisible = async (page) => {
|
|
12
|
-
await expect(page.locator(tooltipSelector)).toHaveCount(1);
|
|
13
|
-
await expect(page.locator(tooltipSelector)).toBeVisible();
|
|
14
|
-
};
|
|
15
|
-
test.describe("DSCardNavigation - Overflow Behavior", () => {
|
|
16
|
-
test("Should show title tooltip on hover, and should hide tooltip title on hover out", async ({ mount, page }) => {
|
|
17
|
-
await mount(/* @__PURE__ */ jsx(DSCardNavigationOverflowTestRenderer, {}));
|
|
18
|
-
const title = page.locator('[data-testid="ds-cardnavigation-title"]');
|
|
19
|
-
await title.hover();
|
|
20
|
-
await assertTooltipVisible(page);
|
|
21
|
-
await page.locator(buttonSelector).hover();
|
|
22
|
-
await assertTooltipHidden(page);
|
|
23
|
-
});
|
|
24
|
-
test("Should show description tooltip on hover, and should hide tooltip description on hover out ", async ({
|
|
25
|
-
mount,
|
|
26
|
-
page
|
|
27
|
-
}) => {
|
|
28
|
-
await mount(/* @__PURE__ */ jsx(DSCardNavigationOverflowTestRenderer, {}));
|
|
29
|
-
const description = page.locator('[data-testid="ds-card-navigation--description"]');
|
|
30
|
-
await description.hover();
|
|
31
|
-
await assertTooltipVisible(page);
|
|
32
|
-
await page.locator(buttonSelector).hover();
|
|
33
|
-
await assertTooltipHidden(page);
|
|
34
|
-
});
|
|
35
|
-
test("Should hide title tooltip on pressing Escape key after hovering ", async ({ mount, page }) => {
|
|
36
|
-
await mount(/* @__PURE__ */ jsx(DSCardNavigationOverflowTestRenderer, {}));
|
|
37
|
-
const title = page.locator('[data-testid="ds-cardnavigation-title"]');
|
|
38
|
-
await title.hover();
|
|
39
|
-
await assertTooltipVisible(page);
|
|
40
|
-
await page.keyboard.press("Escape");
|
|
41
|
-
await assertTooltipHidden(page);
|
|
42
|
-
});
|
|
43
|
-
test("Should hide description tooltip on pressing Escape key after hovering ", async ({ mount, page }) => {
|
|
44
|
-
await mount(/* @__PURE__ */ jsx(DSCardNavigationOverflowTestRenderer, {}));
|
|
45
|
-
const description = page.locator('[data-testid="ds-card-navigation--description"]');
|
|
46
|
-
await description.hover();
|
|
47
|
-
await assertTooltipVisible(page);
|
|
48
|
-
await page.keyboard.press("Escape");
|
|
49
|
-
await assertTooltipHidden(page);
|
|
50
|
-
});
|
|
51
|
-
});
|
|
52
|
-
//# sourceMappingURL=DSCardNavigation.overflow.test.playwright.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/overflow/DSCardNavigation.overflow.test.playwright.jsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { expect, test } from '@playwright/experimental-ct-react';\nimport { DSCardNavigationOverflowTestRenderer } from './DSCardNavigationOverflowTestRenderer';\n\nconst tooltipSelector = '[data-testid=\"ds-tooltip-v3-tooltip-text-wrapper\"]';\nconst buttonSelector = '[data-testid=\"test-button\"]';\n\nconst assertTooltipHidden = async (page) => {\n await expect(page.locator(tooltipSelector)).toHaveCount(0);\n await expect(page.locator(tooltipSelector)).toBeHidden();\n};\n\nconst assertTooltipVisible = async (page) => {\n await expect(page.locator(tooltipSelector)).toHaveCount(1);\n await expect(page.locator(tooltipSelector)).toBeVisible();\n};\n\ntest.describe('DSCardNavigation - Overflow Behavior', () => {\n test('Should show title tooltip on hover, and should hide tooltip title on hover out', async ({ mount, page }) => {\n await mount(<DSCardNavigationOverflowTestRenderer />);\n const title = page.locator('[data-testid=\"ds-cardnavigation-title\"]');\n\n await title.hover();\n await assertTooltipVisible(page);\n await page.locator(buttonSelector).hover();\n await assertTooltipHidden(page);\n });\n\n test('Should show description tooltip on hover, and should hide tooltip description on hover out ', async ({\n mount,\n page,\n }) => {\n await mount(<DSCardNavigationOverflowTestRenderer />);\n const description = page.locator('[data-testid=\"ds-card-navigation--description\"]');\n\n await description.hover();\n await assertTooltipVisible(page);\n await page.locator(buttonSelector).hover();\n await assertTooltipHidden(page);\n });\n\n test('Should hide title tooltip on pressing Escape key after hovering ', async ({ mount, page }) => {\n await mount(<DSCardNavigationOverflowTestRenderer />);\n const title = page.locator('[data-testid=\"ds-cardnavigation-title\"]');\n\n await title.hover();\n await assertTooltipVisible(page);\n await page.keyboard.press('Escape');\n await assertTooltipHidden(page);\n });\n\n test('Should hide description tooltip on pressing Escape key after hovering ', async ({ mount, page }) => {\n await mount(<DSCardNavigationOverflowTestRenderer />);\n const description = page.locator('[data-testid=\"ds-card-navigation--description\"]');\n\n await description.hover();\n await assertTooltipVisible(page);\n await page.keyboard.press('Escape');\n await assertTooltipHidden(page);\n });\n});\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACkBP;AAlBhB,SAAS,QAAQ,YAAY;AAC7B,SAAS,4CAA4C;AAErD,MAAM,kBAAkB;AACxB,MAAM,iBAAiB;AAEvB,MAAM,sBAAsB,OAAO,SAAS;AAC1C,QAAM,OAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,YAAY,CAAC;AACzD,QAAM,OAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,WAAW;AACzD;AAEA,MAAM,uBAAuB,OAAO,SAAS;AAC3C,QAAM,OAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,YAAY,CAAC;AACzD,QAAM,OAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,YAAY;AAC1D;AAEA,KAAK,SAAS,wCAAwC,MAAM;AAC1D,OAAK,kFAAkF,OAAO,EAAE,OAAO,KAAK,MAAM;AAChH,UAAM,MAAM,oBAAC,wCAAqC,CAAE;AACpD,UAAM,QAAQ,KAAK,QAAQ,yCAAyC;AAEpE,UAAM,MAAM,MAAM;AAClB,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,OAAK,+FAA+F,OAAO;AAAA,IACzG;AAAA,IACA;AAAA,EACF,MAAM;AACJ,UAAM,MAAM,oBAAC,wCAAqC,CAAE;AACpD,UAAM,cAAc,KAAK,QAAQ,iDAAiD;AAElF,UAAM,YAAY,MAAM;AACxB,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,OAAK,oEAAoE,OAAO,EAAE,OAAO,KAAK,MAAM;AAClG,UAAM,MAAM,oBAAC,wCAAqC,CAAE;AACpD,UAAM,QAAQ,KAAK,QAAQ,yCAAyC;AAEpE,UAAM,MAAM,MAAM;AAClB,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,SAAS,MAAM,QAAQ;AAClC,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,OAAK,0EAA0E,OAAO,EAAE,OAAO,KAAK,MAAM;AACxG,UAAM,MAAM,oBAAC,wCAAqC,CAAE;AACpD,UAAM,cAAc,KAAK,QAAQ,iDAAiD;AAElF,UAAM,YAAY,MAAM;AACxB,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,SAAS,MAAM,QAAQ;AAClC,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AACH,CAAC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import React2 from "react";
|
|
4
|
-
import { DSCardNavigation } from "@elliemae/ds-card-navigation";
|
|
5
|
-
import { themeProviderHOC } from "@elliemae/ds-system";
|
|
6
|
-
const DSCardNavigationOverflowTestRenderer = themeProviderHOC(() => /* @__PURE__ */ jsxs("main", { style: { width: "100px", margin: "2rem" }, "data-testid": "main-div", children: [
|
|
7
|
-
/* @__PURE__ */ jsx(
|
|
8
|
-
DSCardNavigation,
|
|
9
|
-
{
|
|
10
|
-
title: "Card Title with actions + long description",
|
|
11
|
-
description: "Customs actions + long description long description long description long description"
|
|
12
|
-
}
|
|
13
|
-
),
|
|
14
|
-
/* @__PURE__ */ jsx("button", { type: "button", "data-testid": "test-button", children: "test 1" })
|
|
15
|
-
] }));
|
|
16
|
-
export {
|
|
17
|
-
DSCardNavigationOverflowTestRenderer
|
|
18
|
-
};
|
|
19
|
-
//# sourceMappingURL=DSCardNavigationOverflowTestRenderer.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/overflow/DSCardNavigationOverflowTestRenderer.jsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSCardNavigation } from '@elliemae/ds-card-navigation';\nimport { themeProviderHOC } from '@elliemae/ds-system';\n\nexport const DSCardNavigationOverflowTestRenderer = themeProviderHOC(() => (\n <main style={{ width: '100px', margin: '2rem' }} data-testid=\"main-div\">\n <DSCardNavigation\n title=\"Card Title with actions + long description\"\n description=\"Customs actions + long description long description long description long description\"\n />\n <button type=\"button\" data-testid=\"test-button\">\n test 1\n </button>\n </main>\n));\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACKrB,SACE,KADF;AALF,OAAOA,YAAW;AAClB,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAE1B,MAAM,uCAAuC,iBAAiB,MACnE,qBAAC,UAAK,OAAO,EAAE,OAAO,SAAS,QAAQ,OAAO,GAAG,eAAY,YAC3D;AAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,aAAY;AAAA;AAAA,EACd;AAAA,EACA,oBAAC,YAAO,MAAK,UAAS,eAAY,eAAc,oBAEhD;AAAA,GACF,CACD;",
|
|
6
|
-
"names": ["React"]
|
|
7
|
-
}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import { expect, test } from "@playwright/experimental-ct-react";
|
|
4
|
-
import { DSCardNavigationWraptextTestRenderer } from "./DSCardNavigationWrapTextTestRenderer";
|
|
5
|
-
const tooltipSelector = '[data-testid="ds-tooltip-v3-tooltip-text-wrapper"]';
|
|
6
|
-
const assertTooltipHidden = async (page) => {
|
|
7
|
-
await expect(page.locator(tooltipSelector)).toHaveCount(0);
|
|
8
|
-
await expect(page.locator(tooltipSelector)).toBeHidden();
|
|
9
|
-
};
|
|
10
|
-
const assertTooltipVisible = async (page) => {
|
|
11
|
-
await expect(page.locator(tooltipSelector)).toHaveCount(1);
|
|
12
|
-
await expect(page.locator(tooltipSelector)).toBeVisible();
|
|
13
|
-
};
|
|
14
|
-
test.describe("DSCardNavigationWraptextTestRenderer - wrapText Behavior", () => {
|
|
15
|
-
test("Should not allow tooltip to render on title when wrapText is true", async ({ mount, page }) => {
|
|
16
|
-
await mount(/* @__PURE__ */ jsx(DSCardNavigationWraptextTestRenderer, { wrapText: true }));
|
|
17
|
-
const title = page.locator('[data-testid="ds-cardnavigation-title"]');
|
|
18
|
-
await title.hover();
|
|
19
|
-
await assertTooltipHidden(page);
|
|
20
|
-
});
|
|
21
|
-
test("Should not allow tooltip to render on description when wrapText is true", async ({ mount, page }) => {
|
|
22
|
-
await mount(/* @__PURE__ */ jsx(DSCardNavigationWraptextTestRenderer, { wrapText: true }));
|
|
23
|
-
const description = page.locator('[data-testid="ds-card-navigation--description"]');
|
|
24
|
-
await description.hover();
|
|
25
|
-
await assertTooltipHidden(page);
|
|
26
|
-
});
|
|
27
|
-
test("Should allow tooltip to render on title when wrapText is false", async ({ mount, page }) => {
|
|
28
|
-
await mount(/* @__PURE__ */ jsx(DSCardNavigationWraptextTestRenderer, { wrapText: false }));
|
|
29
|
-
const title = page.locator('[data-testid="ds-cardnavigation-title"]');
|
|
30
|
-
await title.hover();
|
|
31
|
-
await assertTooltipVisible(page);
|
|
32
|
-
});
|
|
33
|
-
test("Should allow tooltip to render on description when wrapText is false", async ({ mount, page }) => {
|
|
34
|
-
await mount(/* @__PURE__ */ jsx(DSCardNavigationWraptextTestRenderer, { wrapText: false }));
|
|
35
|
-
const description = page.locator('[data-testid="ds-card-navigation--description"]');
|
|
36
|
-
await description.hover();
|
|
37
|
-
await assertTooltipVisible(page);
|
|
38
|
-
});
|
|
39
|
-
});
|
|
40
|
-
//# sourceMappingURL=DSCardNavigation.wrapText.test.playwright.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/wraptext/DSCardNavigation.wrapText.test.playwright.jsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { expect, test } from '@playwright/experimental-ct-react';\nimport { DSCardNavigationWraptextTestRenderer } from './DSCardNavigationWrapTextTestRenderer';\n\nconst tooltipSelector = '[data-testid=\"ds-tooltip-v3-tooltip-text-wrapper\"]';\n\nconst assertTooltipHidden = async (page) => {\n await expect(page.locator(tooltipSelector)).toHaveCount(0);\n await expect(page.locator(tooltipSelector)).toBeHidden();\n};\n\nconst assertTooltipVisible = async (page) => {\n await expect(page.locator(tooltipSelector)).toHaveCount(1);\n await expect(page.locator(tooltipSelector)).toBeVisible();\n};\n\ntest.describe('DSCardNavigationWraptextTestRenderer - wrapText Behavior', () => {\n test('Should not allow tooltip to render on title when wrapText is true', async ({ mount, page }) => {\n await mount(<DSCardNavigationWraptextTestRenderer wrapText />);\n\n const title = page.locator('[data-testid=\"ds-cardnavigation-title\"]');\n await title.hover();\n await assertTooltipHidden(page);\n });\n\n test('Should not allow tooltip to render on description when wrapText is true', async ({ mount, page }) => {\n await mount(<DSCardNavigationWraptextTestRenderer wrapText />);\n\n const description = page.locator('[data-testid=\"ds-card-navigation--description\"]');\n await description.hover();\n await assertTooltipHidden(page);\n });\n\n test('Should allow tooltip to render on title when wrapText is false', async ({ mount, page }) => {\n await mount(<DSCardNavigationWraptextTestRenderer wrapText={false} />);\n\n const title = page.locator('[data-testid=\"ds-cardnavigation-title\"]');\n await title.hover();\n await assertTooltipVisible(page);\n });\n\n test('Should allow tooltip to render on description when wrapText is false', async ({ mount, page }) => {\n await mount(<DSCardNavigationWraptextTestRenderer wrapText={false} />);\n\n const description = page.locator('[data-testid=\"ds-card-navigation--description\"]');\n await description.hover();\n await assertTooltipVisible(page);\n });\n});\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACiBP;AAjBhB,SAAS,QAAQ,YAAY;AAC7B,SAAS,4CAA4C;AAErD,MAAM,kBAAkB;AAExB,MAAM,sBAAsB,OAAO,SAAS;AAC1C,QAAM,OAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,YAAY,CAAC;AACzD,QAAM,OAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,WAAW;AACzD;AAEA,MAAM,uBAAuB,OAAO,SAAS;AAC3C,QAAM,OAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,YAAY,CAAC;AACzD,QAAM,OAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,YAAY;AAC1D;AAEA,KAAK,SAAS,4DAA4D,MAAM;AAC9E,OAAK,qEAAqE,OAAO,EAAE,OAAO,KAAK,MAAM;AACnG,UAAM,MAAM,oBAAC,wCAAqC,UAAQ,MAAC,CAAE;AAE7D,UAAM,QAAQ,KAAK,QAAQ,yCAAyC;AACpE,UAAM,MAAM,MAAM;AAClB,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,OAAK,2EAA2E,OAAO,EAAE,OAAO,KAAK,MAAM;AACzG,UAAM,MAAM,oBAAC,wCAAqC,UAAQ,MAAC,CAAE;AAE7D,UAAM,cAAc,KAAK,QAAQ,iDAAiD;AAClF,UAAM,YAAY,MAAM;AACxB,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,OAAK,kEAAkE,OAAO,EAAE,OAAO,KAAK,MAAM;AAChG,UAAM,MAAM,oBAAC,wCAAqC,UAAU,OAAO,CAAE;AAErE,UAAM,QAAQ,KAAK,QAAQ,yCAAyC;AACpE,UAAM,MAAM,MAAM;AAClB,UAAM,qBAAqB,IAAI;AAAA,EACjC,CAAC;AAED,OAAK,wEAAwE,OAAO,EAAE,OAAO,KAAK,MAAM;AACtG,UAAM,MAAM,oBAAC,wCAAqC,UAAU,OAAO,CAAE;AAErE,UAAM,cAAc,KAAK,QAAQ,iDAAiD;AAClF,UAAM,YAAY,MAAM;AACxB,UAAM,qBAAqB,IAAI;AAAA,EACjC,CAAC;AACH,CAAC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import React2 from "react";
|
|
4
|
-
import { DSCardNavigation } from "@elliemae/ds-card-navigation";
|
|
5
|
-
import { themeProviderHOC } from "@elliemae/ds-system";
|
|
6
|
-
const DSCardNavigationWraptextTestRenderer = themeProviderHOC(({ wrapText }) => /* @__PURE__ */ jsx("main", { style: { width: "100px", margin: "2rem" }, "data-testid": "main-div", children: /* @__PURE__ */ jsx(
|
|
7
|
-
DSCardNavigation,
|
|
8
|
-
{
|
|
9
|
-
title: "Card Title with actions + long description + long description",
|
|
10
|
-
description: "Customs actions + long description + long description + long description",
|
|
11
|
-
wrapText
|
|
12
|
-
}
|
|
13
|
-
) }));
|
|
14
|
-
export {
|
|
15
|
-
DSCardNavigationWraptextTestRenderer
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=DSCardNavigationWrapTextTestRenderer.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/wraptext/DSCardNavigationWrapTextTestRenderer.jsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSCardNavigation } from '@elliemae/ds-card-navigation';\nimport { themeProviderHOC } from '@elliemae/ds-system';\n\nexport const DSCardNavigationWraptextTestRenderer = themeProviderHOC(({ wrapText }) => (\n <main style={{ width: '100px', margin: '2rem' }} data-testid=\"main-div\">\n <DSCardNavigation\n title=\"Card Title with actions + long description + long description\"\n description=\"Customs actions + long description + long description + long description\"\n wrapText={wrapText}\n />\n </main>\n));\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACMnB;AANJ,OAAOA,YAAW;AAClB,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAE1B,MAAM,uCAAuC,iBAAiB,CAAC,EAAE,SAAS,MAC/E,oBAAC,UAAK,OAAO,EAAE,OAAO,SAAS,QAAQ,OAAO,GAAG,eAAY,YAC3D;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,aAAY;AAAA,IACZ;AAAA;AACF,GACF,CACD;",
|
|
6
|
-
"names": ["React"]
|
|
7
|
-
}
|