@elliemae/ds-card-navigation 3.53.1-rc.0 → 3.54.0-beta.2

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 (21) hide show
  1. package/dist/cjs/package.json +4 -1
  2. package/dist/esm/package.json +4 -1
  3. package/dist/types/react-desc-prop-types.d.ts +0 -1
  4. package/dist/types/style.d.ts +1 -2
  5. package/package.json +13 -12
  6. package/dist/cjs/tests/overflow/DSCardNavigation.overflow.test.playwright.js +0 -75
  7. package/dist/cjs/tests/overflow/DSCardNavigation.overflow.test.playwright.js.map +0 -7
  8. package/dist/cjs/tests/overflow/DSCardNavigationOverflowTestRenderer.js +0 -49
  9. package/dist/cjs/tests/overflow/DSCardNavigationOverflowTestRenderer.js.map +0 -7
  10. package/dist/cjs/tests/wraptext/DSCardNavigation.wrapText.test.playwright.js +0 -63
  11. package/dist/cjs/tests/wraptext/DSCardNavigation.wrapText.test.playwright.js.map +0 -7
  12. package/dist/cjs/tests/wraptext/DSCardNavigationWrapTextTestRenderer.js +0 -47
  13. package/dist/cjs/tests/wraptext/DSCardNavigationWrapTextTestRenderer.js.map +0 -7
  14. package/dist/esm/tests/overflow/DSCardNavigation.overflow.test.playwright.js +0 -52
  15. package/dist/esm/tests/overflow/DSCardNavigation.overflow.test.playwright.js.map +0 -7
  16. package/dist/esm/tests/overflow/DSCardNavigationOverflowTestRenderer.js +0 -19
  17. package/dist/esm/tests/overflow/DSCardNavigationOverflowTestRenderer.js.map +0 -7
  18. package/dist/esm/tests/wraptext/DSCardNavigation.wrapText.test.playwright.js +0 -40
  19. package/dist/esm/tests/wraptext/DSCardNavigation.wrapText.test.playwright.js.map +0 -7
  20. package/dist/esm/tests/wraptext/DSCardNavigationWrapTextTestRenderer.js +0 -17
  21. package/dist/esm/tests/wraptext/DSCardNavigationWrapTextTestRenderer.js.map +0 -7
@@ -3,5 +3,8 @@
3
3
  "sideEffects": [
4
4
  "*.css",
5
5
  "*.scss"
6
- ]
6
+ ],
7
+ "publishConfig": {
8
+ "access": "public"
9
+ }
7
10
  }
@@ -3,5 +3,8 @@
3
3
  "sideEffects": [
4
4
  "*.css",
5
5
  "*.scss"
6
- ]
6
+ ],
7
+ "publishConfig": {
8
+ "access": "public"
9
+ }
7
10
  }
@@ -1,4 +1,3 @@
1
- /// <reference types="prop-types" />
2
1
  import type React from 'react';
3
2
  import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';
4
3
  import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { CardNavigationTypes } from './constants/index.js';
3
2
  export declare const StyledCardNavigationContentTitle: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
4
3
  export declare const StyledTitleTypography: import("styled-components").StyledComponent<import("react").FC<import("@elliemae/ds-typography").DSTypographyT.Props>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").FC<import("@elliemae/ds-typography").DSTypographyT.Props>>, never>;
@@ -6,7 +5,7 @@ export declare const StyledCardNavigationContentDescription: import("styled-comp
6
5
  export declare const StyledDescriptionTypography: import("styled-components").StyledComponent<import("react").FC<import("@elliemae/ds-typography").DSTypographyT.Props>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").FC<import("@elliemae/ds-typography").DSTypographyT.Props>>, never>;
7
6
  export declare const StyledCardNavigationContentTitleWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
8
7
  export declare const StyledCardNavigationContent: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
9
- wrapText?: boolean | undefined;
8
+ wrapText?: boolean;
10
9
  } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
11
10
  export declare const StyledCardNavigationCentralContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
12
11
  interface StyledCardNavigationBoxWrapperProps {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-card-navigation",
3
- "version": "3.53.1-rc.0",
3
+ "version": "3.54.0-beta.2",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Card Navigation",
6
6
  "files": [
@@ -37,21 +37,22 @@
37
37
  },
38
38
  "dependencies": {
39
39
  "@xstyled/styled-components": "~3.7.3",
40
- "@elliemae/ds-grid": "3.53.1-rc.0",
41
- "@elliemae/ds-hooks-on-blur-out": "3.53.1-rc.0",
42
- "@elliemae/ds-props-helpers": "3.53.1-rc.0",
43
- "@elliemae/ds-system": "3.53.1-rc.0",
44
- "@elliemae/ds-icons": "3.53.1-rc.0",
45
- "@elliemae/ds-hooks-on-overflow-change": "3.53.1-rc.0"
40
+ "@elliemae/ds-hooks-on-blur-out": "3.54.0-beta.2",
41
+ "@elliemae/ds-grid": "3.54.0-beta.2",
42
+ "@elliemae/ds-props-helpers": "3.54.0-beta.2",
43
+ "@elliemae/ds-hooks-on-overflow-change": "3.54.0-beta.2",
44
+ "@elliemae/ds-system": "3.54.0-beta.2",
45
+ "@elliemae/ds-icons": "3.54.0-beta.2"
46
46
  },
47
47
  "devDependencies": {
48
- "@elliemae/pui-cli": "9.0.0-next.63",
48
+ "@elliemae/pui-cli": "9.0.0-next.65",
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-icons": "3.53.1-rc.0",
53
- "@elliemae/ds-typescript-helpers": "3.53.1-rc.0",
54
- "@elliemae/ds-monorepo-devops": "3.53.1-rc.0"
52
+ "@elliemae/ds-monorepo-devops": "3.54.0-beta.2",
53
+ "@elliemae/ds-test-utils": "3.54.0-beta.2",
54
+ "@elliemae/ds-icons": "3.54.0-beta.2",
55
+ "@elliemae/ds-typescript-helpers": "3.54.0-beta.2"
55
56
  },
56
57
  "peerDependencies": {
57
58
  "@testing-library/jest-dom": "^6.6.3",
@@ -67,7 +68,7 @@
67
68
  },
68
69
  "scripts": {
69
70
  "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
70
- "test": "pui-cli test --passWithNoTests --coverage=\"false\" && [ -n \"$CI\" ] || playwright test -c ./playwright.config.mjs",
71
+ "test": "[ -n \"$CI\" ] || playwright test -c ./playwright.config.mjs && pui-cli test --passWithNoTests --coverage=\"false\"",
71
72
  "lint": "node ../../../scripts/lint.mjs --fix",
72
73
  "lint:strict": "node ../../../scripts/lint-strict.mjs",
73
74
  "dts": "node ../../../scripts/dts.mjs",
@@ -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
- }