@spectrum-web-components/coachmark 1.0.2 → 1.0.3

package/test/benchmark/basic-test.js

@@ -0,0 +1,24 @@
+"use strict";
+import "@spectrum-web-components/coachmark/sp-coachmark.js";
+import "@spectrum-web-components/coachmark/sp-coach-indicator.js";
+import "@spectrum-web-components/overlay/sp-overlay.js";
+import { html } from "lit";
+import { measureFixtureCreation } from "../../../../test/benchmark/helpers.js";
+measureFixtureCreation(html`
+    <sp-coach-indicator id="trigger"></sp-coach-indicator>
+    <sp-overlay
+        trigger="trigger@hover"
+        placement="right"
+        .receivesFocus=${"false"}
+        open
+    >
+        <sp-coachmark open primary-cta="Ok">
+            <div slot="title">A single coachmark</div>
+            <div slot="content">
+                This is a Coachmark with nothing but text in it. Kind of lonely
+                in here.
+            </div>
+        </sp-coachmark>
+    </sp-overlay>
+`);
+//# sourceMappingURL=basic-test.js.map

package/test/benchmark/basic-test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["basic-test.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/coachmark/sp-coachmark.js';\nimport '@spectrum-web-components/coachmark/sp-coach-indicator.js';\nimport '@spectrum-web-components/overlay/sp-overlay.js';\nimport { html } from 'lit';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nmeasureFixtureCreation(html`\n    <sp-coach-indicator id=\"trigger\"></sp-coach-indicator>\n    <sp-overlay\n        trigger=\"trigger@hover\"\n        placement=\"right\"\n        .receivesFocus=${'false'}\n        open\n    >\n        <sp-coachmark open primary-cta=\"Ok\">\n            <div slot=\"title\">A single coachmark</div>\n            <div slot=\"content\">\n                This is a Coachmark with nothing but text in it. Kind of lonely\n                in here.\n            </div>\n        </sp-coachmark>\n    </sp-overlay>\n`);\n"],
+  "mappings": ";AAYA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,YAAY;AACrB,SAAS,8BAA8B;AAEvC,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA,yBAKE,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAW/B;",
+  "names": []
+}

package/test/coach-indicator-memory.test.js

@@ -0,0 +1,8 @@
+"use strict";
+import { html } from "@open-wc/testing";
+import "@spectrum-web-components/coachmark/sp-coach-indicator.js";
+import { testForMemoryLeaks } from "../../../test/testing-helpers.js";
+testForMemoryLeaks(html`
+    <sp-coach-indicator></sp-coach-indicator>
+`);
+//# sourceMappingURL=coach-indicator-memory.test.js.map

package/test/coach-indicator-memory.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["coach-indicator-memory.test.ts"],
+  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { html } from '@open-wc/testing';\nimport '@spectrum-web-components/coachmark/sp-coach-indicator.js';\nimport { testForMemoryLeaks } from '../../../test/testing-helpers.js';\n\ntestForMemoryLeaks(html`\n    <sp-coach-indicator></sp-coach-indicator>\n`);\n"],
+  "mappings": ";AAWA,SAAS,YAAY;AACrB,OAAO;AACP,SAAS,0BAA0B;AAEnC,mBAAmB;AAAA;AAAA,CAElB;",
+  "names": []
+}

package/test/coach-indicator-static.test-vrt.js

@@ -0,0 +1,5 @@
+"use strict";
+import * as stories from "../stories/coach-indicator-static.stories.js";
+import { regressVisuals } from "../../../test/visual/test.js";
+regressVisuals("CoachIndicatorStaticStories", stories);
+//# sourceMappingURL=coach-indicator-static.test-vrt.js.map

package/test/coach-indicator-static.test-vrt.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["coach-indicator-static.test-vrt.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/coach-indicator-static.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\nimport type { TestsType } from '../../../test/visual/test.js';\n\nregressVisuals('CoachIndicatorStaticStories', stories as unknown as TestsType);\n"],
+  "mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAG/B,eAAe,+BAA+B,OAA+B;",
+  "names": []
+}

package/test/coach-indicator.test-vrt.js

@@ -0,0 +1,5 @@
+"use strict";
+import * as stories from "../stories/coach-indicator.stories.js";
+import { regressVisuals } from "../../../test/visual/test.js";
+regressVisuals("CoachIndicatorStories", stories);
+//# sourceMappingURL=coach-indicator.test-vrt.js.map

package/test/coach-indicator.test-vrt.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["coach-indicator.test-vrt.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/coach-indicator.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\nimport type { TestsType } from '../../../test/visual/test.js';\n\nregressVisuals('CoachIndicatorStories', stories as unknown as TestsType);\n"],
+  "mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAG/B,eAAe,yBAAyB,OAA+B;",
+  "names": []
+}

package/test/coach-indicator.test.js

@@ -0,0 +1,19 @@
+"use strict";
+import { elementUpdated, expect, fixture, html } from "@open-wc/testing";
+import "@spectrum-web-components/coachmark/sp-coach-indicator.js";
+import { testForLitDevWarnings } from "../../../test/testing-helpers.js";
+describe("CoachIndicator", () => {
+  testForLitDevWarnings(
+    async () => await fixture(html`
+                <sp-coach-indicator></sp-coach-indicator>
+            `)
+  );
+  it("loads default coach-indicator accessibly", async () => {
+    const el = await fixture(html`
+            <sp-coach-indicator></sp-coach-indicator>
+        `);
+    await elementUpdated(el);
+    await expect(el).to.be.accessible();
+  });
+});
+//# sourceMappingURL=coach-indicator.test.js.map

package/test/coach-indicator.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["coach-indicator.test.ts"],
+  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { elementUpdated, expect, fixture, html } from '@open-wc/testing';\n\nimport '@spectrum-web-components/coachmark/sp-coach-indicator.js';\nimport { CoachIndicator } from '@spectrum-web-components/coachmark';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\n\ndescribe('CoachIndicator', () => {\n    testForLitDevWarnings(\n        async () =>\n            await fixture<CoachIndicator>(html`\n                <sp-coach-indicator></sp-coach-indicator>\n            `)\n    );\n    it('loads default coach-indicator accessibly', async () => {\n        const el = await fixture<CoachIndicator>(html`\n            <sp-coach-indicator></sp-coach-indicator>\n        `);\n        await elementUpdated(el);\n        await expect(el).to.be.accessible();\n    });\n});\n"],
+  "mappings": ";AAWA,SAAS,gBAAgB,QAAQ,SAAS,YAAY;AAEtD,OAAO;AAEP,SAAS,6BAA6B;AAEtC,SAAS,kBAAkB,MAAM;AAC7B;AAAA,IACI,YACI,MAAM,QAAwB;AAAA;AAAA,aAE7B;AAAA,EACT;AACA,KAAG,4CAA4C,YAAY;AACvD,UAAM,KAAK,MAAM,QAAwB;AAAA;AAAA,SAExC;AACD,UAAM,eAAe,EAAE;AACvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AACL,CAAC;",
+  "names": []
+}

package/test/coach-mark-memory.test.js

@@ -0,0 +1,5 @@
+"use strict";
+import { Default } from "../stories/coachmark.stories.js";
+import { testForMemoryLeaks } from "../../../test/testing-helpers.js";
+testForMemoryLeaks(Default());
+//# sourceMappingURL=coach-mark-memory.test.js.map

package/test/coach-mark-memory.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["coach-mark-memory.test.ts"],
+  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { Default } from '../stories/coachmark.stories.js';\nimport { testForMemoryLeaks } from '../../../test/testing-helpers.js';\n\ntestForMemoryLeaks(Default());\n"],
+  "mappings": ";AAWA,SAAS,eAAe;AACxB,SAAS,0BAA0B;AAEnC,mBAAmB,QAAQ,CAAC;",
+  "names": []
+}

package/test/coachmark.test-vrt.js

@@ -0,0 +1,5 @@
+"use strict";
+import * as stories from "../stories/coachmark.stories.js";
+import { regressVisuals } from "../../../test/visual/test.js";
+regressVisuals("CoachmarkStories", stories);
+//# sourceMappingURL=coachmark.test-vrt.js.map

package/test/coachmark.test-vrt.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["coachmark.test-vrt.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/coachmark.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\nimport type { TestsType } from '../../../test/visual/test.js';\n\nregressVisuals('CoachmarkStories', stories as unknown as TestsType);\n"],
+  "mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAG/B,eAAe,oBAAoB,OAA+B;",
+  "names": []
+}

package/test/coachmark.test.js

@@ -0,0 +1,211 @@
+"use strict";
+import {
+  elementUpdated,
+  expect,
+  fixture,
+  html,
+  nextFrame
+} from "@open-wc/testing";
+import { testForLitDevWarnings } from "../../../test/testing-helpers.js";
+import "@spectrum-web-components/coachmark/sp-coachmark.js";
+import "@spectrum-web-components/coachmark/sp-coach-indicator.js";
+import "@spectrum-web-components/overlay/sp-overlay.js";
+import { spy } from "sinon";
+import {
+  Default,
+  InTour,
+  single,
+  withImage,
+  withKeys,
+  withShortCut
+} from "../stories/coachmark.stories.js";
+const defaultItem = {
+  heading: "I am the heading for Coachmark",
+  content: "I am the content for this Coachmark"
+};
+describe("Coachmark", () => {
+  testForLitDevWarnings(
+    async () => await fixture(
+      html`
+                    <sp-coachmark
+                        id="coachmark"
+                        .content=${{
+        title: defaultItem.heading,
+        description: defaultItem.content
+      }}
+                    ></sp-coachmark>
+                `
+    )
+  );
+  it("loads default coachmark accessibly", async () => {
+    const el = await fixture(Default());
+    await elementUpdated(el);
+    await expect(el).to.be.accessible();
+  });
+  it("displays the slotted content as `.title`", async () => {
+    const testHeading = "Coachmark with Text Only";
+    const el = await fixture(Default());
+    await elementUpdated(el);
+    const root = el.shadowRoot ? el.shadowRoot : el;
+    const headingSlot = root.querySelector(
+      '[name="title"]'
+    );
+    expect(headingSlot, "did not find slot element").to.not.be.null;
+    const nodes = headingSlot.assignedNodes();
+    const divElement = nodes.find(
+      (node) => node.id === "heading"
+    );
+    expect(divElement, "did not find div element").to.not.be.null;
+    expect(divElement.textContent).to.contain(
+      testHeading,
+      "the slotted content renders in the element"
+    );
+  });
+  it("if in tour coachmark loads with pagination with previous, next buttons and action menu", async () => {
+    var _a, _b, _c;
+    const el = await fixture(
+      InTour(
+        {
+          open: true,
+          heading: "Coachmark In Tour",
+          content: "This is a Coachmark with nothing but text in it."
+        },
+        {}
+      )
+    );
+    await elementUpdated(el);
+    await nextFrame();
+    await nextFrame();
+    const stepCount = el.shadowRoot.querySelector(
+      'span[aria-live="polite"]'
+    );
+    const stepCountSlot = el.querySelector(
+      '[slot="step-count"]'
+    );
+    expect((_a = stepCountSlot == null ? void 0 : stepCountSlot.textContent) == null ? void 0 : _a.trim()).to.equal("2 of 8");
+    expect(stepCount == null ? void 0 : stepCount.textContent);
+    const nextButton = el.shadowRoot.querySelector(
+      'sp-button[variant="primary"'
+    );
+    expect(nextButton).to.not.be.undefined;
+    expect((_b = nextButton == null ? void 0 : nextButton.textContent) == null ? void 0 : _b.trim()).to.equal("Next");
+    const prevButton = el.shadowRoot.querySelector(
+      'sp-button[variant="secondary"'
+    );
+    expect(prevButton).to.not.be.undefined;
+    expect((_c = prevButton == null ? void 0 : prevButton.textContent) == null ? void 0 : _c.trim()).to.equal("Previous");
+  });
+  it("loads pagination when total step count is greater than 1", async () => {
+    var _a;
+    const el = await fixture(
+      InTour(
+        {
+          open: true,
+          heading: "Coachmark In Tour",
+          content: "This is a Coachmark with nothing but text in it.",
+          currentStep: 2,
+          totalSteps: 8
+        },
+        {}
+      )
+    );
+    await elementUpdated(el);
+    const stepCountSlot = el.querySelector(
+      '[slot="step-count"]'
+    );
+    expect((_a = stepCountSlot == null ? void 0 : stepCountSlot.textContent) == null ? void 0 : _a.trim()).to.equal("2 of 8");
+    await expect(el).to.be.accessible();
+  });
+  it('loads primary button with text "Ok" for a single coachmark', async () => {
+    var _a;
+    const el = await fixture(single());
+    await elementUpdated(el);
+    const okayButton = el.shadowRoot.querySelector(
+      'sp-button[variant="primary"'
+    );
+    expect(okayButton).to.not.be.null;
+    expect((_a = okayButton == null ? void 0 : okayButton.textContent) == null ? void 0 : _a.trim()).to.equal("Ok");
+  });
+  it("renders modifier keys with joiner", async () => {
+    var _a, _b;
+    const modifierKeys = ["\u21E7 Shift", "\u2318"];
+    const el = await fixture(
+      withKeys({
+        modifierKeys,
+        heading: "Coachmark with Keys",
+        content: "This is a Coachmark with nothing but text in it."
+      })
+    );
+    await elementUpdated(el);
+    const modifier = el.shadowRoot.querySelector('span[type="modifier"]');
+    expect(modifier).to.not.be.undefined;
+    expect((_a = modifier == null ? void 0 : modifier.textContent) == null ? void 0 : _a.trim()).to.include("\u21E7 Shift");
+    const joiner = el.shadowRoot.querySelector('span[class="plus"]');
+    expect(joiner).to.not.be.undefined;
+    expect((_b = joiner == null ? void 0 : joiner.textContent) == null ? void 0 : _b.trim()).to.include("+");
+  });
+  it("renders with shortcut", async () => {
+    var _a;
+    const el = await fixture(
+      withShortCut({
+        currentStep: 1,
+        totalSteps: 8
+      })
+    );
+    await elementUpdated(el);
+    const shortcutKey = el.shadowRoot.querySelector(
+      'span[type="shortcut"]'
+    );
+    expect(shortcutKey).to.not.be.undefined;
+    expect((_a = shortcutKey == null ? void 0 : shortcutKey.textContent) == null ? void 0 : _a.trim()).to.include("Z");
+  });
+  it("renders content with image asset", async () => {
+    const el = await fixture(
+      withImage({
+        currentStep: 1,
+        totalSteps: 8
+      })
+    );
+    await elementUpdated(el);
+    const imageElement = el.shadowRoot.querySelector(
+      'img[src="https://picsum.photos/id/237/200/300"'
+    );
+    expect(imageElement).not.to.be.undefined;
+  });
+  it("in tour dispatches `primary` and `secondary`", async () => {
+    const primarySpy = spy();
+    const secondarySpy = spy();
+    const handlePrimary = () => primarySpy();
+    const handleSecondary = () => secondarySpy();
+    const el = await fixture(
+      InTour(
+        {
+          open: true,
+          heading: "Coachmark in Tour",
+          content: "This is a Coachmark with nothing but text in it."
+        },
+        {}
+      )
+    );
+    el.addEventListener("primary", handlePrimary);
+    el.addEventListener("secondary", handleSecondary);
+    await elementUpdated(el);
+    expect(primarySpy.called).to.be.false;
+    expect(secondarySpy.called).to.be.false;
+    const primaryButton = el.shadowRoot.querySelector(
+      '[variant="primary"]'
+    );
+    const secondaryButton = el.shadowRoot.querySelector(
+      '[variant="secondary"]'
+    );
+    primaryButton.click();
+    await elementUpdated(el);
+    expect(primarySpy.called, "dispatched `primary`").to.be.true;
+    expect(secondarySpy.called).to.be.false;
+    secondaryButton.click();
+    await elementUpdated(el);
+    expect(primarySpy.callCount).to.equal(1);
+    expect(secondarySpy.called, "dispatched `secondary`").to.be.true;
+  });
+});
+//# sourceMappingURL=coachmark.test.js.map

package/test/coachmark.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["coachmark.test.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    elementUpdated,\n    expect,\n    fixture,\n    html,\n    nextFrame,\n} from '@open-wc/testing';\n\nimport { Coachmark, CoachmarkItem } from '@spectrum-web-components/coachmark';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\nimport '@spectrum-web-components/coachmark/sp-coachmark.js';\nimport '@spectrum-web-components/coachmark/sp-coach-indicator.js';\nimport '@spectrum-web-components/overlay/sp-overlay.js';\nimport { spy } from 'sinon';\nimport { Button } from '@spectrum-web-components/button';\nimport {\n    Default,\n    InTour,\n    single,\n    withImage,\n    withKeys,\n    withShortCut,\n} from '../stories/coachmark.stories.js';\n\nconst defaultItem: CoachmarkItem = {\n    heading: 'I am the heading for Coachmark',\n    content: 'I am the content for this Coachmark',\n};\ndescribe('Coachmark', () => {\n    testForLitDevWarnings(\n        async () =>\n            await fixture<Coachmark>(\n                html`\n                    <sp-coachmark\n                        id=\"coachmark\"\n                        .content=${{\n                            title: defaultItem.heading,\n                            description: defaultItem.content,\n                        }}\n                    ></sp-coachmark>\n                `\n            )\n    );\n    it('loads default coachmark accessibly', async () => {\n        const el = await fixture<Coachmark>(Default());\n        await elementUpdated(el);\n        await expect(el).to.be.accessible();\n    });\n    it('displays the slotted content as `.title`', async () => {\n        const testHeading = 'Coachmark with Text Only';\n        const el = await fixture<Coachmark>(Default());\n\n        await elementUpdated(el);\n\n        const root = el.shadowRoot ? el.shadowRoot : el;\n        const headingSlot = root.querySelector(\n            '[name=\"title\"]'\n        ) as HTMLSlotElement;\n\n        expect(headingSlot, 'did not find slot element').to.not.be.null;\n        const nodes = headingSlot.assignedNodes();\n        const divElement = nodes.find(\n            (node) => (node as HTMLElement).id === 'heading'\n        );\n        expect(divElement, 'did not find div element').to.not.be.null;\n        expect((divElement as HTMLDivElement).textContent).to.contain(\n            testHeading,\n            'the slotted content renders in the element'\n        );\n    });\n    it('if in tour coachmark loads with pagination with previous, next buttons and action menu', async () => {\n        const el = await fixture<Coachmark>(\n            InTour(\n                {\n                    open: true,\n                    heading: 'Coachmark In Tour',\n                    content: 'This is a Coachmark with nothing but text in it.',\n                },\n                {}\n            )\n        );\n        await elementUpdated(el);\n        await nextFrame();\n        await nextFrame();\n\n        const stepCount = el.shadowRoot.querySelector(\n            'span[aria-live=\"polite\"]'\n        );\n\n        const stepCountSlot = el.querySelector(\n            '[slot=\"step-count\"]'\n        ) as HTMLSlotElement;\n        expect(stepCountSlot?.textContent?.trim()).to.equal('2 of 8');\n\n        expect(stepCount?.textContent);\n        const nextButton = el.shadowRoot.querySelector(\n            'sp-button[variant=\"primary\"'\n        );\n        expect(nextButton).to.not.be.undefined;\n        expect(nextButton?.textContent?.trim()).to.equal('Next');\n\n        const prevButton = el.shadowRoot.querySelector(\n            'sp-button[variant=\"secondary\"'\n        );\n        expect(prevButton).to.not.be.undefined;\n        expect(prevButton?.textContent?.trim()).to.equal('Previous');\n    });\n    it('loads pagination when total step count is greater than 1', async () => {\n        const el = await fixture<Coachmark>(\n            InTour(\n                {\n                    open: true,\n                    heading: 'Coachmark In Tour',\n                    content: 'This is a Coachmark with nothing but text in it.',\n                    currentStep: 2,\n                    totalSteps: 8,\n                },\n                {}\n            )\n        );\n        await elementUpdated(el);\n        const stepCountSlot = el.querySelector(\n            '[slot=\"step-count\"]'\n        ) as HTMLSlotElement;\n        expect(stepCountSlot?.textContent?.trim()).to.equal('2 of 8');\n\n        await expect(el).to.be.accessible();\n    });\n    it('loads primary button with text \"Ok\" for a single coachmark', async () => {\n        const el = await fixture<Coachmark>(single());\n\n        await elementUpdated(el);\n        const okayButton = el.shadowRoot.querySelector(\n            'sp-button[variant=\"primary\"'\n        );\n        expect(okayButton).to.not.be.null;\n        expect(okayButton?.textContent?.trim()).to.equal('Ok');\n    });\n    it('renders modifier keys with joiner', async () => {\n        const modifierKeys = ['\u21E7 Shift', '\u2318'];\n        const el = await fixture<Coachmark>(\n            withKeys({\n                modifierKeys,\n                heading: 'Coachmark with Keys',\n                content: 'This is a Coachmark with nothing but text in it.',\n            })\n        );\n        await elementUpdated(el);\n        const modifier = el.shadowRoot.querySelector('span[type=\"modifier\"]');\n        expect(modifier).to.not.be.undefined;\n        expect(modifier?.textContent?.trim()).to.include('\u21E7 Shift');\n        const joiner = el.shadowRoot.querySelector('span[class=\"plus\"]');\n        expect(joiner).to.not.be.undefined;\n        expect(joiner?.textContent?.trim()).to.include('+');\n    });\n    it('renders with shortcut', async () => {\n        const el = await fixture<Coachmark>(\n            withShortCut({\n                currentStep: 1,\n                totalSteps: 8,\n            })\n        );\n        await elementUpdated(el);\n\n        const shortcutKey = el.shadowRoot.querySelector(\n            'span[type=\"shortcut\"]'\n        );\n        expect(shortcutKey).to.not.be.undefined;\n        expect(shortcutKey?.textContent?.trim()).to.include('Z');\n    });\n    it('renders content with image asset', async () => {\n        const el = await fixture<Coachmark>(\n            withImage({\n                currentStep: 1,\n                totalSteps: 8,\n            })\n        );\n        await elementUpdated(el);\n        const imageElement = el.shadowRoot.querySelector(\n            'img[src=\"https://picsum.photos/id/237/200/300\"'\n        );\n        expect(imageElement).not.to.be.undefined;\n    });\n    it('in tour dispatches `primary` and `secondary`', async () => {\n        const primarySpy = spy();\n        const secondarySpy = spy();\n        const handlePrimary = (): void => primarySpy();\n        const handleSecondary = (): void => secondarySpy();\n        const el = await fixture<Coachmark>(\n            InTour(\n                {\n                    open: true,\n                    heading: 'Coachmark in Tour',\n                    content: 'This is a Coachmark with nothing but text in it.',\n                },\n                {}\n            )\n        );\n        el.addEventListener('primary', handlePrimary);\n        el.addEventListener('secondary', handleSecondary);\n\n        await elementUpdated(el);\n        expect(primarySpy.called).to.be.false;\n        expect(secondarySpy.called).to.be.false;\n\n        const primaryButton = el.shadowRoot.querySelector(\n            '[variant=\"primary\"]'\n        ) as Button;\n        const secondaryButton = el.shadowRoot.querySelector(\n            '[variant=\"secondary\"]'\n        ) as Button;\n        primaryButton.click();\n\n        await elementUpdated(el);\n        expect(primarySpy.called, 'dispatched `primary`').to.be.true;\n        expect(secondarySpy.called).to.be.false;\n\n        secondaryButton.click();\n\n        await elementUpdated(el);\n        expect(primarySpy.callCount).to.equal(1);\n        expect(secondarySpy.called, 'dispatched `secondary`').to.be.true;\n    });\n});\n"],
+  "mappings": "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",
+  "names": []
+}