@elliemae/ds-tooltip-v3 3.52.0-rc.9 → 3.52.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/cjs/tests/controlled/ControlledTestRenderer.js +49 -0
  2. package/dist/cjs/tests/controlled/ControlledTestRenderer.js.map +7 -0
  3. package/dist/cjs/tests/controlled/DSTooltipV3.controlled.test.playwright.js +69 -0
  4. package/dist/cjs/tests/controlled/DSTooltipV3.controlled.test.playwright.js.map +7 -0
  5. package/dist/cjs/tests/uncontrolled/DSTooltipV3.uncontrolled.test.playwright.js +69 -0
  6. package/dist/cjs/tests/uncontrolled/DSTooltipV3.uncontrolled.test.playwright.js.map +7 -0
  7. package/dist/cjs/tests/uncontrolled/UncontrolledTooltipTestRender.js +43 -0
  8. package/dist/cjs/tests/uncontrolled/UncontrolledTooltipTestRender.js.map +7 -0
  9. package/dist/esm/tests/controlled/ControlledTestRenderer.js +19 -0
  10. package/dist/esm/tests/controlled/ControlledTestRenderer.js.map +7 -0
  11. package/dist/esm/tests/controlled/DSTooltipV3.controlled.test.playwright.js +46 -0
  12. package/dist/esm/tests/controlled/DSTooltipV3.controlled.test.playwright.js.map +7 -0
  13. package/dist/esm/tests/uncontrolled/DSTooltipV3.uncontrolled.test.playwright.js +46 -0
  14. package/dist/esm/tests/uncontrolled/DSTooltipV3.uncontrolled.test.playwright.js.map +7 -0
  15. package/dist/esm/tests/uncontrolled/UncontrolledTooltipTestRender.js +13 -0
  16. package/dist/esm/tests/uncontrolled/UncontrolledTooltipTestRender.js.map +7 -0
  17. package/dist/types/tests/controlled/ControlledTestRenderer.d.ts +2 -0
  18. package/dist/types/tests/uncontrolled/UncontrolledTooltipTestRender.d.ts +1 -0
  19. package/package.json +10 -11
  20. package/dist/cjs/tests/DSTooltipV3.controlled.test.wdio.js +0 -78
  21. package/dist/cjs/tests/DSTooltipV3.controlled.test.wdio.js.map +0 -7
  22. package/dist/cjs/tests/DSTooltipV3.uncontrolled.test.wdio.js +0 -72
  23. package/dist/cjs/tests/DSTooltipV3.uncontrolled.test.wdio.js.map +0 -7
  24. package/dist/esm/tests/DSTooltipV3.controlled.test.wdio.js +0 -55
  25. package/dist/esm/tests/DSTooltipV3.controlled.test.wdio.js.map +0 -7
  26. package/dist/esm/tests/DSTooltipV3.uncontrolled.test.wdio.js +0 -49
  27. package/dist/esm/tests/DSTooltipV3.uncontrolled.test.wdio.js.map +0 -7
  28. /package/dist/types/tests/{DSTooltipV3.controlled.test.d.ts → controlled/DSTooltipV3.controlled.test.d.ts} +0 -0
  29. /package/dist/types/tests/{DSTooltipV3.controlled.test.wdio.d.ts → controlled/DSTooltipV3.controlled.test.playwright.d.ts} +0 -0
  30. /package/dist/types/tests/{DSTooltipV3.uncontrolled.test.d.ts → uncontrolled/DSTooltipV3.uncontrolled.test.d.ts} +0 -0
  31. /package/dist/types/tests/{DSTooltipV3.uncontrolled.test.wdio.d.ts → uncontrolled/DSTooltipV3.uncontrolled.test.playwright.d.ts} +0 -0
@@ -0,0 +1,49 @@
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 ControlledTestRenderer_exports = {};
30
+ __export(ControlledTestRenderer_exports, {
31
+ ControlledTestRenderer: () => ControlledTestRenderer
32
+ });
33
+ module.exports = __toCommonJS(ControlledTestRenderer_exports);
34
+ var React = __toESM(require("react"));
35
+ var import_jsx_runtime = require("react/jsx-runtime");
36
+ var import_ds_grid = require("@elliemae/ds-grid");
37
+ var import_ds_system = require("@elliemae/ds-system");
38
+ var import_react = __toESM(require("react"));
39
+ var import_DSTooltipV3 = require("../../DSTooltipV3");
40
+ const ControlledTestRenderer = (0, import_ds_system.themeProviderHOC)(() => {
41
+ const [showPopover, setShowPopover] = import_react.default.useState(false);
42
+ const handleOnOpen = import_react.default.useCallback(() => setShowPopover(true), []);
43
+ const handleOnClose = import_react.default.useCallback(() => setShowPopover(false), []);
44
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("main", { children: [
45
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { justifyContent: "center", alignItems: "center", style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSTooltipV3.DSTooltipV3, { text: "tooltip", showPopover, onOpen: handleOnOpen, onClose: handleOnClose, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", "data-testid": "test-button", children: "test" }) }) }),
46
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", "data-testid": "test-button2", children: "test 2" })
47
+ ] });
48
+ });
49
+ //# sourceMappingURL=ControlledTestRenderer.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/tests/controlled/ControlledTestRenderer.jsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport { themeProviderHOC } from '@elliemae/ds-system';\nimport React from 'react';\nimport { DSTooltipV3 } from '../../DSTooltipV3';\n\nexport const ControlledTestRenderer = themeProviderHOC(() => {\n const [showPopover, setShowPopover] = React.useState(false);\n const handleOnOpen = React.useCallback(() => setShowPopover(true), []);\n const handleOnClose = React.useCallback(() => setShowPopover(false), []);\n return (\n <main>\n <Grid justifyContent=\"center\" alignItems=\"center\" style={{ height: '100%' }}>\n <DSTooltipV3 text=\"tooltip\" showPopover={showPopover} onOpen={handleOnOpen} onClose={handleOnClose}>\n <button type=\"button\" data-testid=\"test-button\">\n test\n </button>\n {/* we use html button to avoid dependency with ds-button-v2 package */}\n </DSTooltipV3>\n </Grid>\n <button type=\"button\" data-testid=\"test-button2\">\n test 2\n </button>\n {/* we use html button to avoid dependency with ds-button-v2 package */}\n </main>\n );\n});\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUnB;AAVJ,qBAAqB;AACrB,uBAAiC;AACjC,mBAAkB;AAClB,yBAA4B;AAErB,MAAM,6BAAyB,mCAAiB,MAAM;AAC3D,QAAM,CAAC,aAAa,cAAc,IAAI,aAAAA,QAAM,SAAS,KAAK;AAC1D,QAAM,eAAe,aAAAA,QAAM,YAAY,MAAM,eAAe,IAAI,GAAG,CAAC,CAAC;AACrE,QAAM,gBAAgB,aAAAA,QAAM,YAAY,MAAM,eAAe,KAAK,GAAG,CAAC,CAAC;AACvE,SACE,6CAAC,UACC;AAAA,gDAAC,uBAAK,gBAAe,UAAS,YAAW,UAAS,OAAO,EAAE,QAAQ,OAAO,GACxE,sDAAC,kCAAY,MAAK,WAAU,aAA0B,QAAQ,cAAc,SAAS,eACnF,sDAAC,YAAO,MAAK,UAAS,eAAY,eAAc,kBAEhD,GAEF,GACF;AAAA,IACA,4CAAC,YAAO,MAAK,UAAS,eAAY,gBAAe,oBAEjD;AAAA,KAEF;AAEJ,CAAC;",
6
+ "names": ["React"]
7
+ }
@@ -0,0 +1,69 @@
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_ControlledTestRenderer = require("./ControlledTestRenderer");
28
+ const tooltipSelector = '[data-testid="ds-tooltip-v3-tooltip-text-wrapper"]';
29
+ const buttonSelector = '[data-testid="test-button"]';
30
+ const button2Selector = '[data-testid="test-button2"]';
31
+ const assertTooltipHidden = async (page) => {
32
+ await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toHaveCount(0);
33
+ await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toBeHidden();
34
+ };
35
+ const assertTooltipVisible = async (page) => {
36
+ await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toHaveCount(1);
37
+ await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toBeVisible();
38
+ };
39
+ import_experimental_ct_react.test.describe("DSTooltipV3 - controlled - dismissal mechanisms", () => {
40
+ (0, import_experimental_ct_react.test)("Should hide tooltip on tabbing out", async ({ mount, page }) => {
41
+ await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledTestRenderer.ControlledTestRenderer, {}));
42
+ await page.locator(buttonSelector).focus();
43
+ await assertTooltipVisible(page);
44
+ await page.keyboard.press("Tab");
45
+ await assertTooltipHidden(page);
46
+ });
47
+ (0, import_experimental_ct_react.test)("Should hide tooltip on hover out", async ({ mount, page }) => {
48
+ await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledTestRenderer.ControlledTestRenderer, {}));
49
+ await page.locator(buttonSelector).hover();
50
+ await assertTooltipVisible(page);
51
+ await page.locator(button2Selector).hover();
52
+ await assertTooltipHidden(page);
53
+ });
54
+ (0, import_experimental_ct_react.test)("Should hide tooltip on pressing Escape after hover in", async ({ mount, page }) => {
55
+ await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledTestRenderer.ControlledTestRenderer, {}));
56
+ await page.locator(buttonSelector).hover();
57
+ await assertTooltipVisible(page);
58
+ await page.keyboard.press("Escape");
59
+ await assertTooltipHidden(page);
60
+ });
61
+ (0, import_experimental_ct_react.test)("Should hide tooltip on pressing Escape after (keyboard) focus", async ({ mount, page }) => {
62
+ await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledTestRenderer.ControlledTestRenderer, {}));
63
+ await page.locator(buttonSelector).focus();
64
+ await assertTooltipVisible(page);
65
+ await page.keyboard.press("Escape");
66
+ await assertTooltipHidden(page);
67
+ });
68
+ });
69
+ //# sourceMappingURL=DSTooltipV3.controlled.test.playwright.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/controlled/DSTooltipV3.controlled.test.playwright.jsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { expect, test } from '@playwright/experimental-ct-react';\nimport { ControlledTestRenderer } from './ControlledTestRenderer';\n\nconst tooltipSelector = '[data-testid=\"ds-tooltip-v3-tooltip-text-wrapper\"]';\nconst buttonSelector = '[data-testid=\"test-button\"]';\nconst button2Selector = '[data-testid=\"test-button2\"]';\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('DSTooltipV3 - controlled - dismissal mechanisms', () => {\n test('Should hide tooltip on tabbing out', async ({ mount, page }) => {\n await mount(<ControlledTestRenderer />);\n await page.locator(buttonSelector).focus();\n await assertTooltipVisible(page);\n await page.keyboard.press('Tab');\n await assertTooltipHidden(page);\n });\n\n test('Should hide tooltip on hover out', async ({ mount, page }) => {\n await mount(<ControlledTestRenderer />);\n await page.locator(buttonSelector).hover();\n await assertTooltipVisible(page);\n await page.locator(button2Selector).hover();\n await assertTooltipHidden(page);\n });\n\n test('Should hide tooltip on pressing Escape after hover in', async ({ mount, page }) => {\n await mount(<ControlledTestRenderer />);\n await page.locator(buttonSelector).hover();\n await assertTooltipVisible(page);\n await page.keyboard.press('Escape');\n await assertTooltipHidden(page);\n });\n\n test('Should hide tooltip on pressing Escape after (keyboard) focus', async ({ mount, page }) => {\n await mount(<ControlledTestRenderer />);\n await page.locator(buttonSelector).focus();\n await assertTooltipVisible(page);\n await page.keyboard.press('Escape');\n await assertTooltipHidden(page);\n });\n});\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACmBP;AAnBhB,mCAA6B;AAC7B,oCAAuC;AAEvC,MAAM,kBAAkB;AACxB,MAAM,iBAAiB;AACvB,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,mDAAmD,MAAM;AACrE,yCAAK,sCAAsC,OAAO,EAAE,OAAO,KAAK,MAAM;AACpE,UAAM,MAAM,4CAAC,wDAAuB,CAAE;AACtC,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,SAAS,MAAM,KAAK;AAC/B,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,yCAAK,oCAAoC,OAAO,EAAE,OAAO,KAAK,MAAM;AAClE,UAAM,MAAM,4CAAC,wDAAuB,CAAE;AACtC,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,QAAQ,eAAe,EAAE,MAAM;AAC1C,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,yCAAK,yDAAyD,OAAO,EAAE,OAAO,KAAK,MAAM;AACvF,UAAM,MAAM,4CAAC,wDAAuB,CAAE;AACtC,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,SAAS,MAAM,QAAQ;AAClC,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,yCAAK,iEAAiE,OAAO,EAAE,OAAO,KAAK,MAAM;AAC/F,UAAM,MAAM,4CAAC,wDAAuB,CAAE;AACtC,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,SAAS,MAAM,QAAQ;AAClC,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AACH,CAAC;",
6
+ "names": []
7
+ }
@@ -0,0 +1,69 @@
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_UncontrolledTooltipTestRender = require("./UncontrolledTooltipTestRender");
28
+ const tooltipSelector = '[data-testid="ds-tooltip-v3-tooltip-text-wrapper"]';
29
+ const buttonSelector = '[data-testid="test-button"]';
30
+ const button2Selector = '[data-testid="test-button2"]';
31
+ const assertTooltipHidden = async (page) => {
32
+ await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toHaveCount(0);
33
+ await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toBeHidden();
34
+ };
35
+ const assertTooltipVisible = async (page) => {
36
+ await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toHaveCount(1);
37
+ await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toBeVisible();
38
+ };
39
+ import_experimental_ct_react.test.describe("DSTooltipV3 - uncontrolled - dismissal mechanisms", () => {
40
+ (0, import_experimental_ct_react.test)("Should hide tooltip on tabbing out", async ({ mount, page }) => {
41
+ await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_UncontrolledTooltipTestRender.UncontrolledTooltipTestRender, {}));
42
+ await page.locator(buttonSelector).focus();
43
+ await assertTooltipVisible(page);
44
+ await page.keyboard.press("Tab");
45
+ await assertTooltipHidden(page);
46
+ });
47
+ (0, import_experimental_ct_react.test)("Should hide tooltip on hover out", async ({ mount, page }) => {
48
+ await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_UncontrolledTooltipTestRender.UncontrolledTooltipTestRender, {}));
49
+ await page.locator(buttonSelector).hover();
50
+ await assertTooltipVisible(page);
51
+ await page.locator(button2Selector).hover();
52
+ await assertTooltipHidden(page);
53
+ });
54
+ (0, import_experimental_ct_react.test)("Should hide tooltip on pressing Escape after hover in", async ({ mount, page }) => {
55
+ await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_UncontrolledTooltipTestRender.UncontrolledTooltipTestRender, {}));
56
+ await page.locator(buttonSelector).hover();
57
+ await assertTooltipVisible(page);
58
+ await page.keyboard.press("Escape");
59
+ await assertTooltipHidden(page);
60
+ });
61
+ (0, import_experimental_ct_react.test)("Should hide tooltip on pressing Escape after (keyboard) focus", async ({ mount, page }) => {
62
+ await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_UncontrolledTooltipTestRender.UncontrolledTooltipTestRender, {}));
63
+ await page.locator(buttonSelector).focus();
64
+ await assertTooltipVisible(page);
65
+ await page.keyboard.press("Escape");
66
+ await assertTooltipHidden(page);
67
+ });
68
+ });
69
+ //# sourceMappingURL=DSTooltipV3.uncontrolled.test.playwright.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/uncontrolled/DSTooltipV3.uncontrolled.test.playwright.jsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { expect, test } from '@playwright/experimental-ct-react';\nimport { UncontrolledTooltipTestRender } from './UncontrolledTooltipTestRender';\n\nconst tooltipSelector = '[data-testid=\"ds-tooltip-v3-tooltip-text-wrapper\"]';\nconst buttonSelector = '[data-testid=\"test-button\"]';\nconst button2Selector = '[data-testid=\"test-button2\"]';\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('DSTooltipV3 - uncontrolled - dismissal mechanisms', () => {\n test('Should hide tooltip on tabbing out', async ({ mount, page }) => {\n await mount(<UncontrolledTooltipTestRender />);\n await page.locator(buttonSelector).focus();\n await assertTooltipVisible(page);\n await page.keyboard.press('Tab');\n await assertTooltipHidden(page);\n });\n\n test('Should hide tooltip on hover out', async ({ mount, page }) => {\n await mount(<UncontrolledTooltipTestRender />);\n await page.locator(buttonSelector).hover();\n await assertTooltipVisible(page);\n await page.locator(button2Selector).hover();\n await assertTooltipHidden(page);\n });\n\n test('Should hide tooltip on pressing Escape after hover in', async ({ mount, page }) => {\n await mount(<UncontrolledTooltipTestRender />);\n await page.locator(buttonSelector).hover();\n await assertTooltipVisible(page);\n await page.keyboard.press('Escape');\n await assertTooltipHidden(page);\n });\n\n test('Should hide tooltip on pressing Escape after (keyboard) focus', async ({ mount, page }) => {\n await mount(<UncontrolledTooltipTestRender />);\n await page.locator(buttonSelector).focus();\n await assertTooltipVisible(page);\n await page.keyboard.press('Escape');\n await assertTooltipHidden(page);\n });\n});\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACmBP;AAnBhB,mCAA6B;AAC7B,2CAA8C;AAE9C,MAAM,kBAAkB;AACxB,MAAM,iBAAiB;AACvB,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,qDAAqD,MAAM;AACvE,yCAAK,sCAAsC,OAAO,EAAE,OAAO,KAAK,MAAM;AACpE,UAAM,MAAM,4CAAC,sEAA8B,CAAE;AAC7C,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,SAAS,MAAM,KAAK;AAC/B,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,yCAAK,oCAAoC,OAAO,EAAE,OAAO,KAAK,MAAM;AAClE,UAAM,MAAM,4CAAC,sEAA8B,CAAE;AAC7C,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,QAAQ,eAAe,EAAE,MAAM;AAC1C,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,yCAAK,yDAAyD,OAAO,EAAE,OAAO,KAAK,MAAM;AACvF,UAAM,MAAM,4CAAC,sEAA8B,CAAE;AAC7C,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,SAAS,MAAM,QAAQ;AAClC,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,yCAAK,iEAAiE,OAAO,EAAE,OAAO,KAAK,MAAM;AAC/F,UAAM,MAAM,4CAAC,sEAA8B,CAAE;AAC7C,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,SAAS,MAAM,QAAQ;AAClC,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AACH,CAAC;",
6
+ "names": []
7
+ }
@@ -0,0 +1,43 @@
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 UncontrolledTooltipTestRender_exports = {};
30
+ __export(UncontrolledTooltipTestRender_exports, {
31
+ UncontrolledTooltipTestRender: () => UncontrolledTooltipTestRender
32
+ });
33
+ module.exports = __toCommonJS(UncontrolledTooltipTestRender_exports);
34
+ var React = __toESM(require("react"));
35
+ var import_jsx_runtime = require("react/jsx-runtime");
36
+ var import_ds_grid = require("@elliemae/ds-grid");
37
+ var import_ds_system = require("@elliemae/ds-system");
38
+ var import_DSTooltipV3 = require("../../DSTooltipV3");
39
+ const UncontrolledTooltipTestRender = (0, import_ds_system.themeProviderHOC)(() => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("main", { children: [
40
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { justifyContent: "center", alignItems: "center", style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSTooltipV3.DSTooltipV3, { text: "tooltip", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", "data-testid": "test-button", children: "test" }) }) }),
41
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", "data-testid": "test-button2", children: "test 2" })
42
+ ] }));
43
+ //# sourceMappingURL=UncontrolledTooltipTestRender.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/tests/uncontrolled/UncontrolledTooltipTestRender.jsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport { themeProviderHOC } from '@elliemae/ds-system';\nimport { DSTooltipV3 } from '../../DSTooltipV3';\n\nexport const UncontrolledTooltipTestRender = themeProviderHOC(() => (\n <main>\n <Grid justifyContent=\"center\" alignItems=\"center\" style={{ height: '100%' }}>\n <DSTooltipV3 text=\"tooltip\">\n <button type=\"button\" data-testid=\"test-button\">\n test\n </button>\n {/* we use html button to avoid dependency with ds-button-v2 package */}\n </DSTooltipV3>\n </Grid>\n <button type=\"button\" data-testid=\"test-button2\">\n test 2\n </button>\n {/* we use html button to avoid dependency with ds-button-v2 package */}\n </main>\n));\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKrB;AALF,qBAAqB;AACrB,uBAAiC;AACjC,yBAA4B;AAErB,MAAM,oCAAgC,mCAAiB,MAC5D,6CAAC,UACC;AAAA,8CAAC,uBAAK,gBAAe,UAAS,YAAW,UAAS,OAAO,EAAE,QAAQ,OAAO,GACxE,sDAAC,kCAAY,MAAK,WAChB,sDAAC,YAAO,MAAK,UAAS,eAAY,eAAc,kBAEhD,GAEF,GACF;AAAA,EACA,4CAAC,YAAO,MAAK,UAAS,eAAY,gBAAe,oBAEjD;AAAA,GAEF,CACD;",
6
+ "names": []
7
+ }
@@ -0,0 +1,19 @@
1
+ import * as React from "react";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ import { Grid } from "@elliemae/ds-grid";
4
+ import { themeProviderHOC } from "@elliemae/ds-system";
5
+ import React2 from "react";
6
+ import { DSTooltipV3 } from "../../DSTooltipV3";
7
+ const ControlledTestRenderer = themeProviderHOC(() => {
8
+ const [showPopover, setShowPopover] = React2.useState(false);
9
+ const handleOnOpen = React2.useCallback(() => setShowPopover(true), []);
10
+ const handleOnClose = React2.useCallback(() => setShowPopover(false), []);
11
+ return /* @__PURE__ */ jsxs("main", { children: [
12
+ /* @__PURE__ */ jsx(Grid, { justifyContent: "center", alignItems: "center", style: { height: "100%" }, children: /* @__PURE__ */ jsx(DSTooltipV3, { text: "tooltip", showPopover, onOpen: handleOnOpen, onClose: handleOnClose, children: /* @__PURE__ */ jsx("button", { type: "button", "data-testid": "test-button", children: "test" }) }) }),
13
+ /* @__PURE__ */ jsx("button", { type: "button", "data-testid": "test-button2", children: "test 2" })
14
+ ] });
15
+ });
16
+ export {
17
+ ControlledTestRenderer
18
+ };
19
+ //# sourceMappingURL=ControlledTestRenderer.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/controlled/ControlledTestRenderer.jsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { themeProviderHOC } from '@elliemae/ds-system';\nimport React from 'react';\nimport { DSTooltipV3 } from '../../DSTooltipV3';\n\nexport const ControlledTestRenderer = themeProviderHOC(() => {\n const [showPopover, setShowPopover] = React.useState(false);\n const handleOnOpen = React.useCallback(() => setShowPopover(true), []);\n const handleOnClose = React.useCallback(() => setShowPopover(false), []);\n return (\n <main>\n <Grid justifyContent=\"center\" alignItems=\"center\" style={{ height: '100%' }}>\n <DSTooltipV3 text=\"tooltip\" showPopover={showPopover} onOpen={handleOnOpen} onClose={handleOnClose}>\n <button type=\"button\" data-testid=\"test-button\">\n test\n </button>\n {/* we use html button to avoid dependency with ds-button-v2 package */}\n </DSTooltipV3>\n </Grid>\n <button type=\"button\" data-testid=\"test-button2\">\n test 2\n </button>\n {/* we use html button to avoid dependency with ds-button-v2 package */}\n </main>\n );\n});\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACUnB,SAGM,KAHN;AAVJ,SAAS,YAAY;AACrB,SAAS,wBAAwB;AACjC,OAAOA,YAAW;AAClB,SAAS,mBAAmB;AAErB,MAAM,yBAAyB,iBAAiB,MAAM;AAC3D,QAAM,CAAC,aAAa,cAAc,IAAIA,OAAM,SAAS,KAAK;AAC1D,QAAM,eAAeA,OAAM,YAAY,MAAM,eAAe,IAAI,GAAG,CAAC,CAAC;AACrE,QAAM,gBAAgBA,OAAM,YAAY,MAAM,eAAe,KAAK,GAAG,CAAC,CAAC;AACvE,SACE,qBAAC,UACC;AAAA,wBAAC,QAAK,gBAAe,UAAS,YAAW,UAAS,OAAO,EAAE,QAAQ,OAAO,GACxE,8BAAC,eAAY,MAAK,WAAU,aAA0B,QAAQ,cAAc,SAAS,eACnF,8BAAC,YAAO,MAAK,UAAS,eAAY,eAAc,kBAEhD,GAEF,GACF;AAAA,IACA,oBAAC,YAAO,MAAK,UAAS,eAAY,gBAAe,oBAEjD;AAAA,KAEF;AAEJ,CAAC;",
6
+ "names": ["React"]
7
+ }
@@ -0,0 +1,46 @@
1
+ import * as React from "react";
2
+ import { jsx } from "react/jsx-runtime";
3
+ import { expect, test } from "@playwright/experimental-ct-react";
4
+ import { ControlledTestRenderer } from "./ControlledTestRenderer";
5
+ const tooltipSelector = '[data-testid="ds-tooltip-v3-tooltip-text-wrapper"]';
6
+ const buttonSelector = '[data-testid="test-button"]';
7
+ const button2Selector = '[data-testid="test-button2"]';
8
+ const assertTooltipHidden = async (page) => {
9
+ await expect(page.locator(tooltipSelector)).toHaveCount(0);
10
+ await expect(page.locator(tooltipSelector)).toBeHidden();
11
+ };
12
+ const assertTooltipVisible = async (page) => {
13
+ await expect(page.locator(tooltipSelector)).toHaveCount(1);
14
+ await expect(page.locator(tooltipSelector)).toBeVisible();
15
+ };
16
+ test.describe("DSTooltipV3 - controlled - dismissal mechanisms", () => {
17
+ test("Should hide tooltip on tabbing out", async ({ mount, page }) => {
18
+ await mount(/* @__PURE__ */ jsx(ControlledTestRenderer, {}));
19
+ await page.locator(buttonSelector).focus();
20
+ await assertTooltipVisible(page);
21
+ await page.keyboard.press("Tab");
22
+ await assertTooltipHidden(page);
23
+ });
24
+ test("Should hide tooltip on hover out", async ({ mount, page }) => {
25
+ await mount(/* @__PURE__ */ jsx(ControlledTestRenderer, {}));
26
+ await page.locator(buttonSelector).hover();
27
+ await assertTooltipVisible(page);
28
+ await page.locator(button2Selector).hover();
29
+ await assertTooltipHidden(page);
30
+ });
31
+ test("Should hide tooltip on pressing Escape after hover in", async ({ mount, page }) => {
32
+ await mount(/* @__PURE__ */ jsx(ControlledTestRenderer, {}));
33
+ await page.locator(buttonSelector).hover();
34
+ await assertTooltipVisible(page);
35
+ await page.keyboard.press("Escape");
36
+ await assertTooltipHidden(page);
37
+ });
38
+ test("Should hide tooltip on pressing Escape after (keyboard) focus", async ({ mount, page }) => {
39
+ await mount(/* @__PURE__ */ jsx(ControlledTestRenderer, {}));
40
+ await page.locator(buttonSelector).focus();
41
+ await assertTooltipVisible(page);
42
+ await page.keyboard.press("Escape");
43
+ await assertTooltipHidden(page);
44
+ });
45
+ });
46
+ //# sourceMappingURL=DSTooltipV3.controlled.test.playwright.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/controlled/DSTooltipV3.controlled.test.playwright.jsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { expect, test } from '@playwright/experimental-ct-react';\nimport { ControlledTestRenderer } from './ControlledTestRenderer';\n\nconst tooltipSelector = '[data-testid=\"ds-tooltip-v3-tooltip-text-wrapper\"]';\nconst buttonSelector = '[data-testid=\"test-button\"]';\nconst button2Selector = '[data-testid=\"test-button2\"]';\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('DSTooltipV3 - controlled - dismissal mechanisms', () => {\n test('Should hide tooltip on tabbing out', async ({ mount, page }) => {\n await mount(<ControlledTestRenderer />);\n await page.locator(buttonSelector).focus();\n await assertTooltipVisible(page);\n await page.keyboard.press('Tab');\n await assertTooltipHidden(page);\n });\n\n test('Should hide tooltip on hover out', async ({ mount, page }) => {\n await mount(<ControlledTestRenderer />);\n await page.locator(buttonSelector).hover();\n await assertTooltipVisible(page);\n await page.locator(button2Selector).hover();\n await assertTooltipHidden(page);\n });\n\n test('Should hide tooltip on pressing Escape after hover in', async ({ mount, page }) => {\n await mount(<ControlledTestRenderer />);\n await page.locator(buttonSelector).hover();\n await assertTooltipVisible(page);\n await page.keyboard.press('Escape');\n await assertTooltipHidden(page);\n });\n\n test('Should hide tooltip on pressing Escape after (keyboard) focus', async ({ mount, page }) => {\n await mount(<ControlledTestRenderer />);\n await page.locator(buttonSelector).focus();\n await assertTooltipVisible(page);\n await page.keyboard.press('Escape');\n await assertTooltipHidden(page);\n });\n});\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACmBP;AAnBhB,SAAS,QAAQ,YAAY;AAC7B,SAAS,8BAA8B;AAEvC,MAAM,kBAAkB;AACxB,MAAM,iBAAiB;AACvB,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,mDAAmD,MAAM;AACrE,OAAK,sCAAsC,OAAO,EAAE,OAAO,KAAK,MAAM;AACpE,UAAM,MAAM,oBAAC,0BAAuB,CAAE;AACtC,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,SAAS,MAAM,KAAK;AAC/B,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,OAAK,oCAAoC,OAAO,EAAE,OAAO,KAAK,MAAM;AAClE,UAAM,MAAM,oBAAC,0BAAuB,CAAE;AACtC,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,QAAQ,eAAe,EAAE,MAAM;AAC1C,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,OAAK,yDAAyD,OAAO,EAAE,OAAO,KAAK,MAAM;AACvF,UAAM,MAAM,oBAAC,0BAAuB,CAAE;AACtC,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,SAAS,MAAM,QAAQ;AAClC,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,OAAK,iEAAiE,OAAO,EAAE,OAAO,KAAK,MAAM;AAC/F,UAAM,MAAM,oBAAC,0BAAuB,CAAE;AACtC,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,SAAS,MAAM,QAAQ;AAClC,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AACH,CAAC;",
6
+ "names": []
7
+ }
@@ -0,0 +1,46 @@
1
+ import * as React from "react";
2
+ import { jsx } from "react/jsx-runtime";
3
+ import { expect, test } from "@playwright/experimental-ct-react";
4
+ import { UncontrolledTooltipTestRender } from "./UncontrolledTooltipTestRender";
5
+ const tooltipSelector = '[data-testid="ds-tooltip-v3-tooltip-text-wrapper"]';
6
+ const buttonSelector = '[data-testid="test-button"]';
7
+ const button2Selector = '[data-testid="test-button2"]';
8
+ const assertTooltipHidden = async (page) => {
9
+ await expect(page.locator(tooltipSelector)).toHaveCount(0);
10
+ await expect(page.locator(tooltipSelector)).toBeHidden();
11
+ };
12
+ const assertTooltipVisible = async (page) => {
13
+ await expect(page.locator(tooltipSelector)).toHaveCount(1);
14
+ await expect(page.locator(tooltipSelector)).toBeVisible();
15
+ };
16
+ test.describe("DSTooltipV3 - uncontrolled - dismissal mechanisms", () => {
17
+ test("Should hide tooltip on tabbing out", async ({ mount, page }) => {
18
+ await mount(/* @__PURE__ */ jsx(UncontrolledTooltipTestRender, {}));
19
+ await page.locator(buttonSelector).focus();
20
+ await assertTooltipVisible(page);
21
+ await page.keyboard.press("Tab");
22
+ await assertTooltipHidden(page);
23
+ });
24
+ test("Should hide tooltip on hover out", async ({ mount, page }) => {
25
+ await mount(/* @__PURE__ */ jsx(UncontrolledTooltipTestRender, {}));
26
+ await page.locator(buttonSelector).hover();
27
+ await assertTooltipVisible(page);
28
+ await page.locator(button2Selector).hover();
29
+ await assertTooltipHidden(page);
30
+ });
31
+ test("Should hide tooltip on pressing Escape after hover in", async ({ mount, page }) => {
32
+ await mount(/* @__PURE__ */ jsx(UncontrolledTooltipTestRender, {}));
33
+ await page.locator(buttonSelector).hover();
34
+ await assertTooltipVisible(page);
35
+ await page.keyboard.press("Escape");
36
+ await assertTooltipHidden(page);
37
+ });
38
+ test("Should hide tooltip on pressing Escape after (keyboard) focus", async ({ mount, page }) => {
39
+ await mount(/* @__PURE__ */ jsx(UncontrolledTooltipTestRender, {}));
40
+ await page.locator(buttonSelector).focus();
41
+ await assertTooltipVisible(page);
42
+ await page.keyboard.press("Escape");
43
+ await assertTooltipHidden(page);
44
+ });
45
+ });
46
+ //# sourceMappingURL=DSTooltipV3.uncontrolled.test.playwright.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/uncontrolled/DSTooltipV3.uncontrolled.test.playwright.jsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { expect, test } from '@playwright/experimental-ct-react';\nimport { UncontrolledTooltipTestRender } from './UncontrolledTooltipTestRender';\n\nconst tooltipSelector = '[data-testid=\"ds-tooltip-v3-tooltip-text-wrapper\"]';\nconst buttonSelector = '[data-testid=\"test-button\"]';\nconst button2Selector = '[data-testid=\"test-button2\"]';\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('DSTooltipV3 - uncontrolled - dismissal mechanisms', () => {\n test('Should hide tooltip on tabbing out', async ({ mount, page }) => {\n await mount(<UncontrolledTooltipTestRender />);\n await page.locator(buttonSelector).focus();\n await assertTooltipVisible(page);\n await page.keyboard.press('Tab');\n await assertTooltipHidden(page);\n });\n\n test('Should hide tooltip on hover out', async ({ mount, page }) => {\n await mount(<UncontrolledTooltipTestRender />);\n await page.locator(buttonSelector).hover();\n await assertTooltipVisible(page);\n await page.locator(button2Selector).hover();\n await assertTooltipHidden(page);\n });\n\n test('Should hide tooltip on pressing Escape after hover in', async ({ mount, page }) => {\n await mount(<UncontrolledTooltipTestRender />);\n await page.locator(buttonSelector).hover();\n await assertTooltipVisible(page);\n await page.keyboard.press('Escape');\n await assertTooltipHidden(page);\n });\n\n test('Should hide tooltip on pressing Escape after (keyboard) focus', async ({ mount, page }) => {\n await mount(<UncontrolledTooltipTestRender />);\n await page.locator(buttonSelector).focus();\n await assertTooltipVisible(page);\n await page.keyboard.press('Escape');\n await assertTooltipHidden(page);\n });\n});\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACmBP;AAnBhB,SAAS,QAAQ,YAAY;AAC7B,SAAS,qCAAqC;AAE9C,MAAM,kBAAkB;AACxB,MAAM,iBAAiB;AACvB,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,qDAAqD,MAAM;AACvE,OAAK,sCAAsC,OAAO,EAAE,OAAO,KAAK,MAAM;AACpE,UAAM,MAAM,oBAAC,iCAA8B,CAAE;AAC7C,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,SAAS,MAAM,KAAK;AAC/B,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,OAAK,oCAAoC,OAAO,EAAE,OAAO,KAAK,MAAM;AAClE,UAAM,MAAM,oBAAC,iCAA8B,CAAE;AAC7C,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,QAAQ,eAAe,EAAE,MAAM;AAC1C,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,OAAK,yDAAyD,OAAO,EAAE,OAAO,KAAK,MAAM;AACvF,UAAM,MAAM,oBAAC,iCAA8B,CAAE;AAC7C,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,SAAS,MAAM,QAAQ;AAClC,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,OAAK,iEAAiE,OAAO,EAAE,OAAO,KAAK,MAAM;AAC/F,UAAM,MAAM,oBAAC,iCAA8B,CAAE;AAC7C,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,SAAS,MAAM,QAAQ;AAClC,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AACH,CAAC;",
6
+ "names": []
7
+ }
@@ -0,0 +1,13 @@
1
+ import * as React from "react";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ import { Grid } from "@elliemae/ds-grid";
4
+ import { themeProviderHOC } from "@elliemae/ds-system";
5
+ import { DSTooltipV3 } from "../../DSTooltipV3";
6
+ const UncontrolledTooltipTestRender = themeProviderHOC(() => /* @__PURE__ */ jsxs("main", { children: [
7
+ /* @__PURE__ */ jsx(Grid, { justifyContent: "center", alignItems: "center", style: { height: "100%" }, children: /* @__PURE__ */ jsx(DSTooltipV3, { text: "tooltip", children: /* @__PURE__ */ jsx("button", { type: "button", "data-testid": "test-button", children: "test" }) }) }),
8
+ /* @__PURE__ */ jsx("button", { type: "button", "data-testid": "test-button2", children: "test 2" })
9
+ ] }));
10
+ export {
11
+ UncontrolledTooltipTestRender
12
+ };
13
+ //# sourceMappingURL=UncontrolledTooltipTestRender.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/uncontrolled/UncontrolledTooltipTestRender.jsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { themeProviderHOC } from '@elliemae/ds-system';\nimport { DSTooltipV3 } from '../../DSTooltipV3';\n\nexport const UncontrolledTooltipTestRender = themeProviderHOC(() => (\n <main>\n <Grid justifyContent=\"center\" alignItems=\"center\" style={{ height: '100%' }}>\n <DSTooltipV3 text=\"tooltip\">\n <button type=\"button\" data-testid=\"test-button\">\n test\n </button>\n {/* we use html button to avoid dependency with ds-button-v2 package */}\n </DSTooltipV3>\n </Grid>\n <button type=\"button\" data-testid=\"test-button2\">\n test 2\n </button>\n {/* we use html button to avoid dependency with ds-button-v2 package */}\n </main>\n));\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACKrB,SAGM,KAHN;AALF,SAAS,YAAY;AACrB,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAErB,MAAM,gCAAgC,iBAAiB,MAC5D,qBAAC,UACC;AAAA,sBAAC,QAAK,gBAAe,UAAS,YAAW,UAAS,OAAO,EAAE,QAAQ,OAAO,GACxE,8BAAC,eAAY,MAAK,WAChB,8BAAC,YAAO,MAAK,UAAS,eAAY,eAAc,kBAEhD,GAEF,GACF;AAAA,EACA,oBAAC,YAAO,MAAK,UAAS,eAAY,gBAAe,oBAEjD;AAAA,GAEF,CACD;",
6
+ "names": []
7
+ }
@@ -0,0 +1,2 @@
1
+ export const ControlledTestRenderer: React.FunctionComponent<React.JSX.IntrinsicAttributes>;
2
+ import React from 'react';
@@ -0,0 +1 @@
1
+ export const UncontrolledTooltipTestRender: import("react").FunctionComponent<import("react").JSX.IntrinsicAttributes>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-tooltip-v3",
3
- "version": "3.52.0-rc.9",
3
+ "version": "3.52.0",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Tooltip V3",
6
6
  "files": [
@@ -36,21 +36,20 @@
36
36
  "indent": 4
37
37
  },
38
38
  "dependencies": {
39
- "@elliemae/ds-button": "3.52.0-rc.9",
40
- "@elliemae/ds-props-helpers": "3.52.0-rc.9",
41
- "@elliemae/ds-floating-context": "3.52.0-rc.9",
42
- "@elliemae/ds-shared": "3.52.0-rc.9",
43
- "@elliemae/ds-system": "3.52.0-rc.9"
39
+ "@elliemae/ds-button": "3.52.0",
40
+ "@elliemae/ds-floating-context": "3.52.0",
41
+ "@elliemae/ds-props-helpers": "3.52.0",
42
+ "@elliemae/ds-shared": "3.52.0",
43
+ "@elliemae/ds-system": "3.52.0"
44
44
  },
45
45
  "devDependencies": {
46
- "@elliemae/pui-cli": "9.0.0-next.55",
47
- "@wdio/browser-runner": "~8.36.1",
46
+ "@elliemae/pui-cli": "9.0.0-next.63",
48
47
  "jest": "~29.7.0",
49
48
  "react": "^18.3.1",
50
49
  "react-dom": "^18.3.1",
51
50
  "styled-components": "~5.3.9",
52
- "@elliemae/ds-grid": "3.52.0-rc.9",
53
- "@elliemae/ds-monorepo-devops": "3.52.0-rc.9"
51
+ "@elliemae/ds-monorepo-devops": "3.52.0",
52
+ "@elliemae/ds-grid": "3.52.0"
54
53
  },
55
54
  "peerDependencies": {
56
55
  "react": "^18.3.1",
@@ -63,7 +62,7 @@
63
62
  },
64
63
  "scripts": {
65
64
  "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
66
- "test": "pui-cli test --passWithNoTests --coverage=\"false\" && [ -n \"$CI\" ] || e2e-test-sdk run",
65
+ "test": "pui-cli test --passWithNoTests --coverage=\"false\" && [ -n \"$CI\" ] || playwright test -c ./playwright.config.mjs",
67
66
  "lint": "node ../../../scripts/lint.mjs --fix",
68
67
  "lint:strict": "node ../../../scripts/lint-strict.mjs",
69
68
  "dts": "node ../../../scripts/dts.mjs",
@@ -1,78 +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_ds_grid = require("@elliemae/ds-grid");
27
- var import_ds_system = require("@elliemae/ds-system");
28
- var import_react = require("@testing-library/react");
29
- var import_globals = require("@wdio/globals");
30
- var import_react2 = __toESM(require("react"));
31
- var import_webdriverio = require("webdriverio");
32
- var import_DSTooltipV3 = require("../DSTooltipV3");
33
- const ControlledTestRenderer = (0, import_ds_system.themeProviderHOC)(() => {
34
- const [showPopover, setShowPopover] = import_react2.default.useState(false);
35
- const handleOnOpen = import_react2.default.useCallback(() => setShowPopover(true), []);
36
- const handleOnClose = import_react2.default.useCallback(() => setShowPopover(false), []);
37
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("main", { children: [
38
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { justifyContent: "center", alignItems: "center", style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSTooltipV3.DSTooltipV3, { text: "tooltip", showPopover, onOpen: handleOnOpen, onClose: handleOnClose, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", "data-testid": "test-button", children: "test" }) }) }),
39
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", "data-testid": "test-button2", children: "test 2" })
40
- ] });
41
- });
42
- const focusElement = async (querySelectorLocator) => browser.execute((locator) => {
43
- document.querySelector(locator)?.focus?.();
44
- }, querySelectorLocator);
45
- describe("DSTooltipV3 - controlled - wdio required tests", () => {
46
- afterEach(() => {
47
- (0, import_react.cleanup)();
48
- });
49
- it("Should hide tooltip on tabbing out", async () => {
50
- (0, import_react.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ControlledTestRenderer, {}));
51
- await focusElement('[data-testid="test-button"]');
52
- await (0, import_globals.expect)((0, import_globals.$)(`div=tooltip`)).toBeDisplayed();
53
- await browser.keys(import_webdriverio.Key.Tab);
54
- await (0, import_globals.expect)((0, import_globals.$)(`div=tooltip`)).not.toBeDisplayed();
55
- });
56
- it("Should hide tooltip on hover out", async () => {
57
- (0, import_react.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ControlledTestRenderer, {}));
58
- await (0, import_globals.$)('[data-testid="test-button"]').moveTo();
59
- await (0, import_globals.expect)((0, import_globals.$)(`div=tooltip`)).toBeDisplayed();
60
- await (0, import_globals.$)('[data-testid="test-button2"]').moveTo();
61
- await (0, import_globals.expect)((0, import_globals.$)(`div=tooltip`)).not.toBeDisplayed();
62
- });
63
- it("Should hide tooltip on pressing Escape after hover in", async () => {
64
- (0, import_react.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ControlledTestRenderer, {}));
65
- await (0, import_globals.$)('[data-testid="test-button"]').moveTo();
66
- await (0, import_globals.expect)((0, import_globals.$)(`div=tooltip`)).toBeDisplayed();
67
- await browser.keys(import_webdriverio.Key.Escape);
68
- await (0, import_globals.expect)((0, import_globals.$)(`div=tooltip`)).not.toBeDisplayed();
69
- });
70
- it("Should hide tooltip on pressing Escape after focus", async () => {
71
- (0, import_react.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ControlledTestRenderer, {}));
72
- await focusElement('[data-testid="test-button"]');
73
- await (0, import_globals.expect)((0, import_globals.$)(`div=tooltip`)).toBeDisplayed();
74
- await browser.keys(import_webdriverio.Key.Escape);
75
- await (0, import_globals.expect)((0, import_globals.$)(`div=tooltip`)).not.toBeDisplayed();
76
- });
77
- });
78
- //# sourceMappingURL=DSTooltipV3.controlled.test.wdio.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/tests/DSTooltipV3.controlled.test.wdio.jsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { themeProviderHOC } from '@elliemae/ds-system';\nimport { cleanup, render } from '@testing-library/react';\nimport { $, expect } from '@wdio/globals';\nimport React from 'react';\nimport { Key } from 'webdriverio';\nimport { DSTooltipV3 } from '../DSTooltipV3';\n\nconst ControlledTestRenderer = themeProviderHOC(() => {\n const [showPopover, setShowPopover] = React.useState(false);\n const handleOnOpen = React.useCallback(() => setShowPopover(true), []);\n const handleOnClose = React.useCallback(() => setShowPopover(false), []);\n return (\n <main>\n <Grid justifyContent=\"center\" alignItems=\"center\" style={{ height: '100%' }}>\n <DSTooltipV3 text=\"tooltip\" showPopover={showPopover} onOpen={handleOnOpen} onClose={handleOnClose}>\n <button type=\"button\" data-testid=\"test-button\">\n test\n </button>\n {/* we use html button to avoid dependency with ds-button-v2 package */}\n </DSTooltipV3>\n </Grid>\n <button type=\"button\" data-testid=\"test-button2\">\n test 2\n </button>\n {/* we use html button to avoid dependency with ds-button-v2 package */}\n </main>\n );\n});\nconst focusElement = async (querySelectorLocator) =>\n browser.execute((locator) => {\n // eslint-disable-next-line testing-library/no-node-access\n document.querySelector(locator)?.focus?.();\n }, querySelectorLocator);\n\ndescribe('DSTooltipV3 - controlled - wdio required tests', () => {\n afterEach(() => {\n cleanup();\n });\n it('Should hide tooltip on tabbing out', async () => {\n render(<ControlledTestRenderer />);\n await focusElement('[data-testid=\"test-button\"]');\n await expect($(`div=tooltip`)).toBeDisplayed();\n await browser.keys(Key.Tab);\n await expect($(`div=tooltip`)).not.toBeDisplayed();\n });\n it('Should hide tooltip on hover out', async () => {\n render(<ControlledTestRenderer />);\n await $('[data-testid=\"test-button\"]').moveTo();\n await expect($(`div=tooltip`)).toBeDisplayed();\n await $('[data-testid=\"test-button2\"]').moveTo();\n await expect($(`div=tooltip`)).not.toBeDisplayed();\n });\n it('Should hide tooltip on pressing Escape after hover in', async () => {\n render(<ControlledTestRenderer />);\n await $('[data-testid=\"test-button\"]').moveTo();\n await expect($(`div=tooltip`)).toBeDisplayed();\n await browser.keys(Key.Escape);\n await expect($(`div=tooltip`)).not.toBeDisplayed();\n });\n it('Should hide tooltip on pressing Escape after focus', async () => {\n render(<ControlledTestRenderer />);\n await focusElement('[data-testid=\"test-button\"]');\n await expect($(`div=tooltip`)).toBeDisplayed();\n await browser.keys(Key.Escape);\n await expect($(`div=tooltip`)).not.toBeDisplayed();\n });\n});\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACanB;AAbJ,qBAAqB;AACrB,uBAAiC;AACjC,mBAAgC;AAChC,qBAA0B;AAC1B,IAAAA,gBAAkB;AAClB,yBAAoB;AACpB,yBAA4B;AAE5B,MAAM,6BAAyB,mCAAiB,MAAM;AACpD,QAAM,CAAC,aAAa,cAAc,IAAI,cAAAC,QAAM,SAAS,KAAK;AAC1D,QAAM,eAAe,cAAAA,QAAM,YAAY,MAAM,eAAe,IAAI,GAAG,CAAC,CAAC;AACrE,QAAM,gBAAgB,cAAAA,QAAM,YAAY,MAAM,eAAe,KAAK,GAAG,CAAC,CAAC;AACvE,SACE,6CAAC,UACC;AAAA,gDAAC,uBAAK,gBAAe,UAAS,YAAW,UAAS,OAAO,EAAE,QAAQ,OAAO,GACxE,sDAAC,kCAAY,MAAK,WAAU,aAA0B,QAAQ,cAAc,SAAS,eACnF,sDAAC,YAAO,MAAK,UAAS,eAAY,eAAc,kBAEhD,GAEF,GACF;AAAA,IACA,4CAAC,YAAO,MAAK,UAAS,eAAY,gBAAe,oBAEjD;AAAA,KAEF;AAEJ,CAAC;AACD,MAAM,eAAe,OAAO,yBAC1B,QAAQ,QAAQ,CAAC,YAAY;AAE3B,WAAS,cAAc,OAAO,GAAG,QAAQ;AAC3C,GAAG,oBAAoB;AAEzB,SAAS,kDAAkD,MAAM;AAC/D,YAAU,MAAM;AACd,8BAAQ;AAAA,EACV,CAAC;AACD,KAAG,sCAAsC,YAAY;AACnD,6BAAO,4CAAC,0BAAuB,CAAE;AACjC,UAAM,aAAa,6BAA6B;AAChD,cAAM,2BAAO,kBAAE,aAAa,CAAC,EAAE,cAAc;AAC7C,UAAM,QAAQ,KAAK,uBAAI,GAAG;AAC1B,cAAM,2BAAO,kBAAE,aAAa,CAAC,EAAE,IAAI,cAAc;AAAA,EACnD,CAAC;AACD,KAAG,oCAAoC,YAAY;AACjD,6BAAO,4CAAC,0BAAuB,CAAE;AACjC,cAAM,kBAAE,6BAA6B,EAAE,OAAO;AAC9C,cAAM,2BAAO,kBAAE,aAAa,CAAC,EAAE,cAAc;AAC7C,cAAM,kBAAE,8BAA8B,EAAE,OAAO;AAC/C,cAAM,2BAAO,kBAAE,aAAa,CAAC,EAAE,IAAI,cAAc;AAAA,EACnD,CAAC;AACD,KAAG,yDAAyD,YAAY;AACtE,6BAAO,4CAAC,0BAAuB,CAAE;AACjC,cAAM,kBAAE,6BAA6B,EAAE,OAAO;AAC9C,cAAM,2BAAO,kBAAE,aAAa,CAAC,EAAE,cAAc;AAC7C,UAAM,QAAQ,KAAK,uBAAI,MAAM;AAC7B,cAAM,2BAAO,kBAAE,aAAa,CAAC,EAAE,IAAI,cAAc;AAAA,EACnD,CAAC;AACD,KAAG,sDAAsD,YAAY;AACnE,6BAAO,4CAAC,0BAAuB,CAAE;AACjC,UAAM,aAAa,6BAA6B;AAChD,cAAM,2BAAO,kBAAE,aAAa,CAAC,EAAE,cAAc;AAC7C,UAAM,QAAQ,KAAK,uBAAI,MAAM;AAC7B,cAAM,2BAAO,kBAAE,aAAa,CAAC,EAAE,IAAI,cAAc;AAAA,EACnD,CAAC;AACH,CAAC;",
6
- "names": ["import_react", "React"]
7
- }
@@ -1,72 +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_ds_grid = require("@elliemae/ds-grid");
27
- var import_ds_system = require("@elliemae/ds-system");
28
- var import_react = require("@testing-library/react");
29
- var import_globals = require("@wdio/globals");
30
- var import_webdriverio = require("webdriverio");
31
- var import_DSTooltipV3 = require("../DSTooltipV3");
32
- const UncontrolledTooltipTestRender = (0, import_ds_system.themeProviderHOC)(() => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("main", { children: [
33
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { justifyContent: "center", alignItems: "center", style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSTooltipV3.DSTooltipV3, { text: "tooltip", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", "data-testid": "test-button", children: "test" }) }) }),
34
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", "data-testid": "test-button2", children: "test 2" })
35
- ] }));
36
- const focusElement = async (querySelectorLocator) => browser.execute((locator) => {
37
- document.querySelector(locator)?.focus?.();
38
- }, querySelectorLocator);
39
- describe("DSTooltipV3 - uncontrolled", () => {
40
- afterEach(() => {
41
- (0, import_react.cleanup)();
42
- });
43
- it("Should hide tooltip on tabbing out", async () => {
44
- (0, import_react.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(UncontrolledTooltipTestRender, {}));
45
- await focusElement('[data-testid="test-button"]');
46
- await (0, import_globals.expect)((0, import_globals.$)(`div=tooltip`)).toBeDisplayed();
47
- await browser.keys(import_webdriverio.Key.Tab);
48
- await (0, import_globals.expect)((0, import_globals.$)(`div=tooltip`)).not.toBeDisplayed();
49
- });
50
- it("Should hide tooltip on hover out", async () => {
51
- (0, import_react.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(UncontrolledTooltipTestRender, {}));
52
- await (0, import_globals.$)('[data-testid="test-button"]').moveTo();
53
- await (0, import_globals.expect)((0, import_globals.$)(`div=tooltip`)).toBeDisplayed();
54
- await (0, import_globals.$)('[data-testid="test-button2"]').moveTo();
55
- await (0, import_globals.expect)((0, import_globals.$)(`div=tooltip`)).not.toBeDisplayed();
56
- });
57
- it("Should hide tooltip on pressing Escape after hover in", async () => {
58
- (0, import_react.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(UncontrolledTooltipTestRender, {}));
59
- await (0, import_globals.$)('[data-testid="test-button"]').moveTo();
60
- await (0, import_globals.expect)((0, import_globals.$)(`div=tooltip`)).toBeDisplayed();
61
- await browser.keys(import_webdriverio.Key.Escape);
62
- await (0, import_globals.expect)((0, import_globals.$)(`div=tooltip`)).not.toBeDisplayed();
63
- });
64
- it("Should hide tooltip on pressing Escape after (keyboard) focus", async () => {
65
- (0, import_react.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(UncontrolledTooltipTestRender, {}));
66
- await focusElement('[data-testid="test-button"]');
67
- await (0, import_globals.expect)((0, import_globals.$)(`div=tooltip`)).toBeDisplayed();
68
- await browser.keys(import_webdriverio.Key.Escape);
69
- await (0, import_globals.expect)((0, import_globals.$)(`div=tooltip`)).not.toBeDisplayed();
70
- });
71
- });
72
- //# sourceMappingURL=DSTooltipV3.uncontrolled.test.wdio.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/tests/DSTooltipV3.uncontrolled.test.wdio.jsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { themeProviderHOC } from '@elliemae/ds-system';\nimport { cleanup, render } from '@testing-library/react';\nimport { $, expect } from '@wdio/globals';\nimport { Key } from 'webdriverio';\nimport { DSTooltipV3 } from '../DSTooltipV3';\n\nconst UncontrolledTooltipTestRender = themeProviderHOC(() => (\n <main>\n <Grid justifyContent=\"center\" alignItems=\"center\" style={{ height: '100%' }}>\n <DSTooltipV3 text=\"tooltip\">\n <button type=\"button\" data-testid=\"test-button\">\n test\n </button>\n {/* we use html button to avoid dependency with ds-button-v2 package */}\n </DSTooltipV3>\n </Grid>\n <button type=\"button\" data-testid=\"test-button2\">\n test 2\n </button>\n {/* we use html button to avoid dependency with ds-button-v2 package */}\n </main>\n));\nconst focusElement = async (querySelectorLocator) =>\n browser.execute((locator) => {\n // eslint-disable-next-line testing-library/no-node-access\n document.querySelector(locator)?.focus?.();\n }, querySelectorLocator);\n\ndescribe('DSTooltipV3 - uncontrolled', () => {\n afterEach(() => {\n cleanup();\n });\n it('Should hide tooltip on tabbing out', async () => {\n render(<UncontrolledTooltipTestRender />);\n await focusElement('[data-testid=\"test-button\"]');\n await expect($(`div=tooltip`)).toBeDisplayed();\n await browser.keys(Key.Tab);\n await expect($(`div=tooltip`)).not.toBeDisplayed();\n });\n it('Should hide tooltip on hover out', async () => {\n render(<UncontrolledTooltipTestRender />);\n await $('[data-testid=\"test-button\"]').moveTo();\n await expect($(`div=tooltip`)).toBeDisplayed();\n await $('[data-testid=\"test-button2\"]').moveTo();\n await expect($(`div=tooltip`)).not.toBeDisplayed();\n });\n it('Should hide tooltip on pressing Escape after hover in', async () => {\n render(<UncontrolledTooltipTestRender />);\n await $('[data-testid=\"test-button\"]').moveTo();\n await expect($(`div=tooltip`)).toBeDisplayed();\n await browser.keys(Key.Escape);\n await expect($(`div=tooltip`)).not.toBeDisplayed();\n });\n it('Should hide tooltip on pressing Escape after (keyboard) focus', async () => {\n render(<UncontrolledTooltipTestRender />);\n await focusElement('[data-testid=\"test-button\"]');\n await expect($(`div=tooltip`)).toBeDisplayed();\n await browser.keys(Key.Escape);\n await expect($(`div=tooltip`)).not.toBeDisplayed();\n });\n});\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACQrB;AARF,qBAAqB;AACrB,uBAAiC;AACjC,mBAAgC;AAChC,qBAA0B;AAC1B,yBAAoB;AACpB,yBAA4B;AAE5B,MAAM,oCAAgC,mCAAiB,MACrD,6CAAC,UACC;AAAA,8CAAC,uBAAK,gBAAe,UAAS,YAAW,UAAS,OAAO,EAAE,QAAQ,OAAO,GACxE,sDAAC,kCAAY,MAAK,WAChB,sDAAC,YAAO,MAAK,UAAS,eAAY,eAAc,kBAEhD,GAEF,GACF;AAAA,EACA,4CAAC,YAAO,MAAK,UAAS,eAAY,gBAAe,oBAEjD;AAAA,GAEF,CACD;AACD,MAAM,eAAe,OAAO,yBAC1B,QAAQ,QAAQ,CAAC,YAAY;AAE3B,WAAS,cAAc,OAAO,GAAG,QAAQ;AAC3C,GAAG,oBAAoB;AAEzB,SAAS,8BAA8B,MAAM;AAC3C,YAAU,MAAM;AACd,8BAAQ;AAAA,EACV,CAAC;AACD,KAAG,sCAAsC,YAAY;AACnD,6BAAO,4CAAC,iCAA8B,CAAE;AACxC,UAAM,aAAa,6BAA6B;AAChD,cAAM,2BAAO,kBAAE,aAAa,CAAC,EAAE,cAAc;AAC7C,UAAM,QAAQ,KAAK,uBAAI,GAAG;AAC1B,cAAM,2BAAO,kBAAE,aAAa,CAAC,EAAE,IAAI,cAAc;AAAA,EACnD,CAAC;AACD,KAAG,oCAAoC,YAAY;AACjD,6BAAO,4CAAC,iCAA8B,CAAE;AACxC,cAAM,kBAAE,6BAA6B,EAAE,OAAO;AAC9C,cAAM,2BAAO,kBAAE,aAAa,CAAC,EAAE,cAAc;AAC7C,cAAM,kBAAE,8BAA8B,EAAE,OAAO;AAC/C,cAAM,2BAAO,kBAAE,aAAa,CAAC,EAAE,IAAI,cAAc;AAAA,EACnD,CAAC;AACD,KAAG,yDAAyD,YAAY;AACtE,6BAAO,4CAAC,iCAA8B,CAAE;AACxC,cAAM,kBAAE,6BAA6B,EAAE,OAAO;AAC9C,cAAM,2BAAO,kBAAE,aAAa,CAAC,EAAE,cAAc;AAC7C,UAAM,QAAQ,KAAK,uBAAI,MAAM;AAC7B,cAAM,2BAAO,kBAAE,aAAa,CAAC,EAAE,IAAI,cAAc;AAAA,EACnD,CAAC;AACD,KAAG,iEAAiE,YAAY;AAC9E,6BAAO,4CAAC,iCAA8B,CAAE;AACxC,UAAM,aAAa,6BAA6B;AAChD,cAAM,2BAAO,kBAAE,aAAa,CAAC,EAAE,cAAc;AAC7C,UAAM,QAAQ,KAAK,uBAAI,MAAM;AAC7B,cAAM,2BAAO,kBAAE,aAAa,CAAC,EAAE,IAAI,cAAc;AAAA,EACnD,CAAC;AACH,CAAC;",
6
- "names": []
7
- }
@@ -1,55 +0,0 @@
1
- import * as React from "react";
2
- import { jsx, jsxs } from "react/jsx-runtime";
3
- import { Grid } from "@elliemae/ds-grid";
4
- import { themeProviderHOC } from "@elliemae/ds-system";
5
- import { cleanup, render } from "@testing-library/react";
6
- import { $, expect } from "@wdio/globals";
7
- import React2 from "react";
8
- import { Key } from "webdriverio";
9
- import { DSTooltipV3 } from "../DSTooltipV3";
10
- const ControlledTestRenderer = themeProviderHOC(() => {
11
- const [showPopover, setShowPopover] = React2.useState(false);
12
- const handleOnOpen = React2.useCallback(() => setShowPopover(true), []);
13
- const handleOnClose = React2.useCallback(() => setShowPopover(false), []);
14
- return /* @__PURE__ */ jsxs("main", { children: [
15
- /* @__PURE__ */ jsx(Grid, { justifyContent: "center", alignItems: "center", style: { height: "100%" }, children: /* @__PURE__ */ jsx(DSTooltipV3, { text: "tooltip", showPopover, onOpen: handleOnOpen, onClose: handleOnClose, children: /* @__PURE__ */ jsx("button", { type: "button", "data-testid": "test-button", children: "test" }) }) }),
16
- /* @__PURE__ */ jsx("button", { type: "button", "data-testid": "test-button2", children: "test 2" })
17
- ] });
18
- });
19
- const focusElement = async (querySelectorLocator) => browser.execute((locator) => {
20
- document.querySelector(locator)?.focus?.();
21
- }, querySelectorLocator);
22
- describe("DSTooltipV3 - controlled - wdio required tests", () => {
23
- afterEach(() => {
24
- cleanup();
25
- });
26
- it("Should hide tooltip on tabbing out", async () => {
27
- render(/* @__PURE__ */ jsx(ControlledTestRenderer, {}));
28
- await focusElement('[data-testid="test-button"]');
29
- await expect($(`div=tooltip`)).toBeDisplayed();
30
- await browser.keys(Key.Tab);
31
- await expect($(`div=tooltip`)).not.toBeDisplayed();
32
- });
33
- it("Should hide tooltip on hover out", async () => {
34
- render(/* @__PURE__ */ jsx(ControlledTestRenderer, {}));
35
- await $('[data-testid="test-button"]').moveTo();
36
- await expect($(`div=tooltip`)).toBeDisplayed();
37
- await $('[data-testid="test-button2"]').moveTo();
38
- await expect($(`div=tooltip`)).not.toBeDisplayed();
39
- });
40
- it("Should hide tooltip on pressing Escape after hover in", async () => {
41
- render(/* @__PURE__ */ jsx(ControlledTestRenderer, {}));
42
- await $('[data-testid="test-button"]').moveTo();
43
- await expect($(`div=tooltip`)).toBeDisplayed();
44
- await browser.keys(Key.Escape);
45
- await expect($(`div=tooltip`)).not.toBeDisplayed();
46
- });
47
- it("Should hide tooltip on pressing Escape after focus", async () => {
48
- render(/* @__PURE__ */ jsx(ControlledTestRenderer, {}));
49
- await focusElement('[data-testid="test-button"]');
50
- await expect($(`div=tooltip`)).toBeDisplayed();
51
- await browser.keys(Key.Escape);
52
- await expect($(`div=tooltip`)).not.toBeDisplayed();
53
- });
54
- });
55
- //# sourceMappingURL=DSTooltipV3.controlled.test.wdio.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/tests/DSTooltipV3.controlled.test.wdio.jsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { themeProviderHOC } from '@elliemae/ds-system';\nimport { cleanup, render } from '@testing-library/react';\nimport { $, expect } from '@wdio/globals';\nimport React from 'react';\nimport { Key } from 'webdriverio';\nimport { DSTooltipV3 } from '../DSTooltipV3';\n\nconst ControlledTestRenderer = themeProviderHOC(() => {\n const [showPopover, setShowPopover] = React.useState(false);\n const handleOnOpen = React.useCallback(() => setShowPopover(true), []);\n const handleOnClose = React.useCallback(() => setShowPopover(false), []);\n return (\n <main>\n <Grid justifyContent=\"center\" alignItems=\"center\" style={{ height: '100%' }}>\n <DSTooltipV3 text=\"tooltip\" showPopover={showPopover} onOpen={handleOnOpen} onClose={handleOnClose}>\n <button type=\"button\" data-testid=\"test-button\">\n test\n </button>\n {/* we use html button to avoid dependency with ds-button-v2 package */}\n </DSTooltipV3>\n </Grid>\n <button type=\"button\" data-testid=\"test-button2\">\n test 2\n </button>\n {/* we use html button to avoid dependency with ds-button-v2 package */}\n </main>\n );\n});\nconst focusElement = async (querySelectorLocator) =>\n browser.execute((locator) => {\n // eslint-disable-next-line testing-library/no-node-access\n document.querySelector(locator)?.focus?.();\n }, querySelectorLocator);\n\ndescribe('DSTooltipV3 - controlled - wdio required tests', () => {\n afterEach(() => {\n cleanup();\n });\n it('Should hide tooltip on tabbing out', async () => {\n render(<ControlledTestRenderer />);\n await focusElement('[data-testid=\"test-button\"]');\n await expect($(`div=tooltip`)).toBeDisplayed();\n await browser.keys(Key.Tab);\n await expect($(`div=tooltip`)).not.toBeDisplayed();\n });\n it('Should hide tooltip on hover out', async () => {\n render(<ControlledTestRenderer />);\n await $('[data-testid=\"test-button\"]').moveTo();\n await expect($(`div=tooltip`)).toBeDisplayed();\n await $('[data-testid=\"test-button2\"]').moveTo();\n await expect($(`div=tooltip`)).not.toBeDisplayed();\n });\n it('Should hide tooltip on pressing Escape after hover in', async () => {\n render(<ControlledTestRenderer />);\n await $('[data-testid=\"test-button\"]').moveTo();\n await expect($(`div=tooltip`)).toBeDisplayed();\n await browser.keys(Key.Escape);\n await expect($(`div=tooltip`)).not.toBeDisplayed();\n });\n it('Should hide tooltip on pressing Escape after focus', async () => {\n render(<ControlledTestRenderer />);\n await focusElement('[data-testid=\"test-button\"]');\n await expect($(`div=tooltip`)).toBeDisplayed();\n await browser.keys(Key.Escape);\n await expect($(`div=tooltip`)).not.toBeDisplayed();\n });\n});\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACanB,SAGM,KAHN;AAbJ,SAAS,YAAY;AACrB,SAAS,wBAAwB;AACjC,SAAS,SAAS,cAAc;AAChC,SAAS,GAAG,cAAc;AAC1B,OAAOA,YAAW;AAClB,SAAS,WAAW;AACpB,SAAS,mBAAmB;AAE5B,MAAM,yBAAyB,iBAAiB,MAAM;AACpD,QAAM,CAAC,aAAa,cAAc,IAAIA,OAAM,SAAS,KAAK;AAC1D,QAAM,eAAeA,OAAM,YAAY,MAAM,eAAe,IAAI,GAAG,CAAC,CAAC;AACrE,QAAM,gBAAgBA,OAAM,YAAY,MAAM,eAAe,KAAK,GAAG,CAAC,CAAC;AACvE,SACE,qBAAC,UACC;AAAA,wBAAC,QAAK,gBAAe,UAAS,YAAW,UAAS,OAAO,EAAE,QAAQ,OAAO,GACxE,8BAAC,eAAY,MAAK,WAAU,aAA0B,QAAQ,cAAc,SAAS,eACnF,8BAAC,YAAO,MAAK,UAAS,eAAY,eAAc,kBAEhD,GAEF,GACF;AAAA,IACA,oBAAC,YAAO,MAAK,UAAS,eAAY,gBAAe,oBAEjD;AAAA,KAEF;AAEJ,CAAC;AACD,MAAM,eAAe,OAAO,yBAC1B,QAAQ,QAAQ,CAAC,YAAY;AAE3B,WAAS,cAAc,OAAO,GAAG,QAAQ;AAC3C,GAAG,oBAAoB;AAEzB,SAAS,kDAAkD,MAAM;AAC/D,YAAU,MAAM;AACd,YAAQ;AAAA,EACV,CAAC;AACD,KAAG,sCAAsC,YAAY;AACnD,WAAO,oBAAC,0BAAuB,CAAE;AACjC,UAAM,aAAa,6BAA6B;AAChD,UAAM,OAAO,EAAE,aAAa,CAAC,EAAE,cAAc;AAC7C,UAAM,QAAQ,KAAK,IAAI,GAAG;AAC1B,UAAM,OAAO,EAAE,aAAa,CAAC,EAAE,IAAI,cAAc;AAAA,EACnD,CAAC;AACD,KAAG,oCAAoC,YAAY;AACjD,WAAO,oBAAC,0BAAuB,CAAE;AACjC,UAAM,EAAE,6BAA6B,EAAE,OAAO;AAC9C,UAAM,OAAO,EAAE,aAAa,CAAC,EAAE,cAAc;AAC7C,UAAM,EAAE,8BAA8B,EAAE,OAAO;AAC/C,UAAM,OAAO,EAAE,aAAa,CAAC,EAAE,IAAI,cAAc;AAAA,EACnD,CAAC;AACD,KAAG,yDAAyD,YAAY;AACtE,WAAO,oBAAC,0BAAuB,CAAE;AACjC,UAAM,EAAE,6BAA6B,EAAE,OAAO;AAC9C,UAAM,OAAO,EAAE,aAAa,CAAC,EAAE,cAAc;AAC7C,UAAM,QAAQ,KAAK,IAAI,MAAM;AAC7B,UAAM,OAAO,EAAE,aAAa,CAAC,EAAE,IAAI,cAAc;AAAA,EACnD,CAAC;AACD,KAAG,sDAAsD,YAAY;AACnE,WAAO,oBAAC,0BAAuB,CAAE;AACjC,UAAM,aAAa,6BAA6B;AAChD,UAAM,OAAO,EAAE,aAAa,CAAC,EAAE,cAAc;AAC7C,UAAM,QAAQ,KAAK,IAAI,MAAM;AAC7B,UAAM,OAAO,EAAE,aAAa,CAAC,EAAE,IAAI,cAAc;AAAA,EACnD,CAAC;AACH,CAAC;",
6
- "names": ["React"]
7
- }
@@ -1,49 +0,0 @@
1
- import * as React from "react";
2
- import { jsx, jsxs } from "react/jsx-runtime";
3
- import { Grid } from "@elliemae/ds-grid";
4
- import { themeProviderHOC } from "@elliemae/ds-system";
5
- import { cleanup, render } from "@testing-library/react";
6
- import { $, expect } from "@wdio/globals";
7
- import { Key } from "webdriverio";
8
- import { DSTooltipV3 } from "../DSTooltipV3";
9
- const UncontrolledTooltipTestRender = themeProviderHOC(() => /* @__PURE__ */ jsxs("main", { children: [
10
- /* @__PURE__ */ jsx(Grid, { justifyContent: "center", alignItems: "center", style: { height: "100%" }, children: /* @__PURE__ */ jsx(DSTooltipV3, { text: "tooltip", children: /* @__PURE__ */ jsx("button", { type: "button", "data-testid": "test-button", children: "test" }) }) }),
11
- /* @__PURE__ */ jsx("button", { type: "button", "data-testid": "test-button2", children: "test 2" })
12
- ] }));
13
- const focusElement = async (querySelectorLocator) => browser.execute((locator) => {
14
- document.querySelector(locator)?.focus?.();
15
- }, querySelectorLocator);
16
- describe("DSTooltipV3 - uncontrolled", () => {
17
- afterEach(() => {
18
- cleanup();
19
- });
20
- it("Should hide tooltip on tabbing out", async () => {
21
- render(/* @__PURE__ */ jsx(UncontrolledTooltipTestRender, {}));
22
- await focusElement('[data-testid="test-button"]');
23
- await expect($(`div=tooltip`)).toBeDisplayed();
24
- await browser.keys(Key.Tab);
25
- await expect($(`div=tooltip`)).not.toBeDisplayed();
26
- });
27
- it("Should hide tooltip on hover out", async () => {
28
- render(/* @__PURE__ */ jsx(UncontrolledTooltipTestRender, {}));
29
- await $('[data-testid="test-button"]').moveTo();
30
- await expect($(`div=tooltip`)).toBeDisplayed();
31
- await $('[data-testid="test-button2"]').moveTo();
32
- await expect($(`div=tooltip`)).not.toBeDisplayed();
33
- });
34
- it("Should hide tooltip on pressing Escape after hover in", async () => {
35
- render(/* @__PURE__ */ jsx(UncontrolledTooltipTestRender, {}));
36
- await $('[data-testid="test-button"]').moveTo();
37
- await expect($(`div=tooltip`)).toBeDisplayed();
38
- await browser.keys(Key.Escape);
39
- await expect($(`div=tooltip`)).not.toBeDisplayed();
40
- });
41
- it("Should hide tooltip on pressing Escape after (keyboard) focus", async () => {
42
- render(/* @__PURE__ */ jsx(UncontrolledTooltipTestRender, {}));
43
- await focusElement('[data-testid="test-button"]');
44
- await expect($(`div=tooltip`)).toBeDisplayed();
45
- await browser.keys(Key.Escape);
46
- await expect($(`div=tooltip`)).not.toBeDisplayed();
47
- });
48
- });
49
- //# sourceMappingURL=DSTooltipV3.uncontrolled.test.wdio.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/tests/DSTooltipV3.uncontrolled.test.wdio.jsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { themeProviderHOC } from '@elliemae/ds-system';\nimport { cleanup, render } from '@testing-library/react';\nimport { $, expect } from '@wdio/globals';\nimport { Key } from 'webdriverio';\nimport { DSTooltipV3 } from '../DSTooltipV3';\n\nconst UncontrolledTooltipTestRender = themeProviderHOC(() => (\n <main>\n <Grid justifyContent=\"center\" alignItems=\"center\" style={{ height: '100%' }}>\n <DSTooltipV3 text=\"tooltip\">\n <button type=\"button\" data-testid=\"test-button\">\n test\n </button>\n {/* we use html button to avoid dependency with ds-button-v2 package */}\n </DSTooltipV3>\n </Grid>\n <button type=\"button\" data-testid=\"test-button2\">\n test 2\n </button>\n {/* we use html button to avoid dependency with ds-button-v2 package */}\n </main>\n));\nconst focusElement = async (querySelectorLocator) =>\n browser.execute((locator) => {\n // eslint-disable-next-line testing-library/no-node-access\n document.querySelector(locator)?.focus?.();\n }, querySelectorLocator);\n\ndescribe('DSTooltipV3 - uncontrolled', () => {\n afterEach(() => {\n cleanup();\n });\n it('Should hide tooltip on tabbing out', async () => {\n render(<UncontrolledTooltipTestRender />);\n await focusElement('[data-testid=\"test-button\"]');\n await expect($(`div=tooltip`)).toBeDisplayed();\n await browser.keys(Key.Tab);\n await expect($(`div=tooltip`)).not.toBeDisplayed();\n });\n it('Should hide tooltip on hover out', async () => {\n render(<UncontrolledTooltipTestRender />);\n await $('[data-testid=\"test-button\"]').moveTo();\n await expect($(`div=tooltip`)).toBeDisplayed();\n await $('[data-testid=\"test-button2\"]').moveTo();\n await expect($(`div=tooltip`)).not.toBeDisplayed();\n });\n it('Should hide tooltip on pressing Escape after hover in', async () => {\n render(<UncontrolledTooltipTestRender />);\n await $('[data-testid=\"test-button\"]').moveTo();\n await expect($(`div=tooltip`)).toBeDisplayed();\n await browser.keys(Key.Escape);\n await expect($(`div=tooltip`)).not.toBeDisplayed();\n });\n it('Should hide tooltip on pressing Escape after (keyboard) focus', async () => {\n render(<UncontrolledTooltipTestRender />);\n await focusElement('[data-testid=\"test-button\"]');\n await expect($(`div=tooltip`)).toBeDisplayed();\n await browser.keys(Key.Escape);\n await expect($(`div=tooltip`)).not.toBeDisplayed();\n });\n});\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACQrB,SAGM,KAHN;AARF,SAAS,YAAY;AACrB,SAAS,wBAAwB;AACjC,SAAS,SAAS,cAAc;AAChC,SAAS,GAAG,cAAc;AAC1B,SAAS,WAAW;AACpB,SAAS,mBAAmB;AAE5B,MAAM,gCAAgC,iBAAiB,MACrD,qBAAC,UACC;AAAA,sBAAC,QAAK,gBAAe,UAAS,YAAW,UAAS,OAAO,EAAE,QAAQ,OAAO,GACxE,8BAAC,eAAY,MAAK,WAChB,8BAAC,YAAO,MAAK,UAAS,eAAY,eAAc,kBAEhD,GAEF,GACF;AAAA,EACA,oBAAC,YAAO,MAAK,UAAS,eAAY,gBAAe,oBAEjD;AAAA,GAEF,CACD;AACD,MAAM,eAAe,OAAO,yBAC1B,QAAQ,QAAQ,CAAC,YAAY;AAE3B,WAAS,cAAc,OAAO,GAAG,QAAQ;AAC3C,GAAG,oBAAoB;AAEzB,SAAS,8BAA8B,MAAM;AAC3C,YAAU,MAAM;AACd,YAAQ;AAAA,EACV,CAAC;AACD,KAAG,sCAAsC,YAAY;AACnD,WAAO,oBAAC,iCAA8B,CAAE;AACxC,UAAM,aAAa,6BAA6B;AAChD,UAAM,OAAO,EAAE,aAAa,CAAC,EAAE,cAAc;AAC7C,UAAM,QAAQ,KAAK,IAAI,GAAG;AAC1B,UAAM,OAAO,EAAE,aAAa,CAAC,EAAE,IAAI,cAAc;AAAA,EACnD,CAAC;AACD,KAAG,oCAAoC,YAAY;AACjD,WAAO,oBAAC,iCAA8B,CAAE;AACxC,UAAM,EAAE,6BAA6B,EAAE,OAAO;AAC9C,UAAM,OAAO,EAAE,aAAa,CAAC,EAAE,cAAc;AAC7C,UAAM,EAAE,8BAA8B,EAAE,OAAO;AAC/C,UAAM,OAAO,EAAE,aAAa,CAAC,EAAE,IAAI,cAAc;AAAA,EACnD,CAAC;AACD,KAAG,yDAAyD,YAAY;AACtE,WAAO,oBAAC,iCAA8B,CAAE;AACxC,UAAM,EAAE,6BAA6B,EAAE,OAAO;AAC9C,UAAM,OAAO,EAAE,aAAa,CAAC,EAAE,cAAc;AAC7C,UAAM,QAAQ,KAAK,IAAI,MAAM;AAC7B,UAAM,OAAO,EAAE,aAAa,CAAC,EAAE,IAAI,cAAc;AAAA,EACnD,CAAC;AACD,KAAG,iEAAiE,YAAY;AAC9E,WAAO,oBAAC,iCAA8B,CAAE;AACxC,UAAM,aAAa,6BAA6B;AAChD,UAAM,OAAO,EAAE,aAAa,CAAC,EAAE,cAAc;AAC7C,UAAM,QAAQ,KAAK,IAAI,MAAM;AAC7B,UAAM,OAAO,EAAE,aAAa,CAAC,EAAE,IAAI,cAAc;AAAA,EACnD,CAAC;AACH,CAAC;",
6
- "names": []
7
- }