first
@@ -44,25 +42,25 @@ describe("Personalization::tracking::clicks", () => {
`;
const node = createNode(
"DIV",
- { id: "abc", class: "eq" },
- { innerHTML: content },
+ {
+ id: "abc",
+ class: "eq",
+ },
+ {
+ innerHTML: content,
+ },
);
-
appendNode(document.body, node);
-
const selectors = ["#abc:eq(0) > div.b:eq(0) > div.c"];
-
const element = document.getElementById("one");
const { decisionsMeta, propositionActionLabel } = collectClicks(
element,
selectors,
getClickMetas,
);
-
expect(decisionsMeta).toEqual(meta);
expect(propositionActionLabel).toEqual("");
});
-
it("should collect and dedupe clicks with labels", () => {
const metaOuter = [
{
@@ -96,12 +94,17 @@ describe("Personalization::tracking::clicks", () => {
trackingLabel: "inner-label-3",
},
];
- const getClickMetas = jasmine
- .createSpy("getClickMetas")
- .withArgs("#abc:eq(0) > div.b:eq(0)")
- .and.returnValue(metaOuter)
- .withArgs("#abc:eq(0) > div.b:eq(0) > div.c")
- .and.returnValue(metaInner);
+ const getClickMetas = vi.fn((...args) => {
+ if (args[0] === "#abc:eq(0) > div.b:eq(0)") {
+ return metaOuter;
+ }
+ if (args[0] === "#abc:eq(0) > div.b:eq(0) > div.c") {
+ return metaInner;
+ }
+
+ return undefined;
+ });
+
const content = `
first
@@ -113,24 +116,25 @@ describe("Personalization::tracking::clicks", () => {
`;
const node = createNode(
"DIV",
- { id: "abc", class: "eq" },
- { innerHTML: content },
+ {
+ id: "abc",
+ class: "eq",
+ },
+ {
+ innerHTML: content,
+ },
);
-
appendNode(document.body, node);
-
const selectors = [
"#abc:eq(0) > div.b:eq(0)",
"#abc:eq(0) > div.b:eq(0) > div.c",
];
-
const element = document.getElementById("one");
const { decisionsMeta, propositionActionLabel } = collectClicks(
element,
selectors,
getClickMetas,
);
-
expect(decisionsMeta).toEqual([
{
id: "AT:outer-id-1",
diff --git a/test/unit/specs/components/Personalization/dom-actions/clicks/collectInteractions.spec.js b/test/unit/specs/components/Personalization/dom-actions/clicks/collectInteractions.spec.js
index 72da21f68..7d9ac74f3 100644
--- a/test/unit/specs/components/Personalization/dom-actions/clicks/collectInteractions.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/clicks/collectInteractions.spec.js
@@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
governing permissions and limitations under the License.
*/
+import { beforeEach, afterEach, describe, it, expect } from "vitest";
import createInteractionStorage from "../../../../../../../src/components/Personalization/createInteractionStorage.js";
import {
appendNode,
@@ -33,24 +34,21 @@ describe("Personalization::tracking::interactions", () => {
let getInteractionMetas;
let autoCollectPropositionInteractions;
let scopeDetails;
-
beforeEach(() => {
selectNodes(".eq").forEach(removeNode);
({ storeInteractionMeta, getInteractionMetas } =
createInteractionStorage());
-
autoCollectPropositionInteractions = {
[ADOBE_JOURNEY_OPTIMIZER]: ALWAYS,
[ADOBE_TARGET]: NEVER,
};
-
- scopeDetails = { decisionProvider: ADOBE_JOURNEY_OPTIMIZER };
+ scopeDetails = {
+ decisionProvider: ADOBE_JOURNEY_OPTIMIZER,
+ };
});
-
afterEach(() => {
selectNodes(".eq").forEach(removeNode);
});
-
it("should collect interactions with interact-id, label and token", () => {
storeInteractionMeta(
"AT:1234",
@@ -63,7 +61,6 @@ describe("Personalization::tracking::interactions", () => {
},
99,
);
-
const content = `
first
@@ -73,12 +70,15 @@ describe("Personalization::tracking::interactions", () => {
`;
const node = createNode(
"DIV",
- { id: "abc", class: "eq" },
- { innerHTML: content },
+ {
+ id: "abc",
+ class: "eq",
+ },
+ {
+ innerHTML: content,
+ },
);
-
appendNode(document.body, node);
-
[
{
elementId: "one",
@@ -103,7 +103,6 @@ describe("Personalization::tracking::interactions", () => {
getInteractionMetas,
autoCollectPropositionInteractions,
);
-
expect(decisionsMeta).toEqual([
{
id: "AT:1234",
@@ -120,13 +119,11 @@ describe("Personalization::tracking::interactions", () => {
expect(propositionActionToken).toEqual(definition.expectedToken);
});
});
-
it("should collect interactions for elements decorated with label when configured for 'decoratedElementsOnly'", () => {
autoCollectPropositionInteractions = {
[ADOBE_JOURNEY_OPTIMIZER]: DECORATED_ELEMENTS_ONLY,
[ADOBE_TARGET]: NEVER,
};
-
storeInteractionMeta(
"AT:1234",
"063",
@@ -138,7 +135,6 @@ describe("Personalization::tracking::interactions", () => {
},
99,
);
-
const content = `
first
@@ -148,12 +144,15 @@ describe("Personalization::tracking::interactions", () => {
`;
const node = createNode(
"DIV",
- { id: "abc", class: "eq" },
- { innerHTML: content },
+ {
+ id: "abc",
+ class: "eq",
+ },
+ {
+ innerHTML: content,
+ },
);
-
appendNode(document.body, node);
-
[
{
elementId: "one",
@@ -178,7 +177,6 @@ describe("Personalization::tracking::interactions", () => {
getInteractionMetas,
autoCollectPropositionInteractions,
);
-
expect(decisionsMeta).toEqual([
{
id: "AT:1234",
@@ -195,13 +193,11 @@ describe("Personalization::tracking::interactions", () => {
expect(propositionActionToken).toEqual(definition.expectedToken);
});
});
-
it("should NOT collect interactions for elements NOT decorated with label when configured for 'decoratedElementsOnly'", () => {
autoCollectPropositionInteractions = {
[ADOBE_JOURNEY_OPTIMIZER]: DECORATED_ELEMENTS_ONLY,
[ADOBE_TARGET]: NEVER,
};
-
storeInteractionMeta(
"AT:1234",
"063",
@@ -213,7 +209,6 @@ describe("Personalization::tracking::interactions", () => {
},
99,
);
-
const content = `
first
@@ -223,12 +218,15 @@ describe("Personalization::tracking::interactions", () => {
`;
const node = createNode(
"DIV",
- { id: "abc", class: "eq" },
- { innerHTML: content },
+ {
+ id: "abc",
+ class: "eq",
+ },
+ {
+ innerHTML: content,
+ },
);
-
appendNode(document.body, node);
-
[
{
elementId: "one",
@@ -253,13 +251,11 @@ describe("Personalization::tracking::interactions", () => {
getInteractionMetas,
autoCollectPropositionInteractions,
);
-
expect(decisionsMeta).toEqual([]);
expect(propositionActionLabel).toBeNull();
expect(propositionActionToken).toBeNull();
});
});
-
it("should find closest label and token", () => {
storeInteractionMeta(
"AT:1234",
@@ -272,7 +268,6 @@ describe("Personalization::tracking::interactions", () => {
},
99,
);
-
const content = `
first
@@ -282,11 +277,15 @@ describe("Personalization::tracking::interactions", () => {
`;
const node = createNode(
"DIV",
- { id: "abc", class: "eq" },
- { innerHTML: content },
+ {
+ id: "abc",
+ class: "eq",
+ },
+ {
+ innerHTML: content,
+ },
);
appendNode(document.body, node);
-
[
{
elementId: "one",
@@ -311,7 +310,6 @@ describe("Personalization::tracking::interactions", () => {
getInteractionMetas,
autoCollectPropositionInteractions,
);
-
expect(decisionsMeta).toEqual([
{
id: "AT:1234",
@@ -328,7 +326,6 @@ describe("Personalization::tracking::interactions", () => {
expect(propositionActionToken).toEqual(definition.expectedToken);
});
});
-
it("should find closest label and token (nesting)", () => {
storeInteractionMeta(
"AT:1234",
@@ -341,7 +338,6 @@ describe("Personalization::tracking::interactions", () => {
},
99,
);
-
const content = `
@@ -355,11 +351,15 @@ describe("Personalization::tracking::interactions", () => {
`;
const node = createNode(
"DIV",
- { id: "abc", class: "eq" },
- { innerHTML: content },
+ {
+ id: "abc",
+ class: "eq",
+ },
+ {
+ innerHTML: content,
+ },
);
appendNode(document.body, node);
-
[
{
elementId: "onegreatgrandchild",
@@ -384,7 +384,6 @@ describe("Personalization::tracking::interactions", () => {
getInteractionMetas,
autoCollectPropositionInteractions,
);
-
expect(decisionsMeta).toEqual([
{
id: "AT:1234",
@@ -401,7 +400,6 @@ describe("Personalization::tracking::interactions", () => {
expect(propositionActionToken).toEqual(definition.expectedToken);
});
});
-
it("handles case where no interact-id exists", () => {
storeInteractionMeta(
"AT:1234",
@@ -414,7 +412,6 @@ describe("Personalization::tracking::interactions", () => {
},
99,
);
-
const content = `
@@ -428,11 +425,15 @@ describe("Personalization::tracking::interactions", () => {
`;
const node = createNode(
"DIV",
- { id: "abc", class: "eq" },
- { innerHTML: content },
+ {
+ id: "abc",
+ class: "eq",
+ },
+ {
+ innerHTML: content,
+ },
);
appendNode(document.body, node);
-
const element = document.getElementById("onegreatgrandchild");
expect(
collectInteractions(
@@ -442,7 +443,6 @@ describe("Personalization::tracking::interactions", () => {
),
).toEqual({});
});
-
it("should collect and dedupe interactions with labels", () => {
// outer
storeInteractionMeta(
@@ -528,7 +528,6 @@ describe("Personalization::tracking::interactions", () => {
},
11,
);
-
const content = `
first
@@ -538,12 +537,15 @@ describe("Personalization::tracking::interactions", () => {
`;
const node = createNode(
"DIV",
- { id: "abc", class: "eq" },
- { innerHTML: content },
+ {
+ id: "abc",
+ class: "eq",
+ },
+ {
+ innerHTML: content,
+ },
);
-
appendNode(document.body, node);
-
const element = document.getElementById("one");
const { decisionsMeta, propositionActionLabel, propositionActionToken } =
collectInteractions(
@@ -551,9 +553,8 @@ describe("Personalization::tracking::interactions", () => {
getInteractionMetas,
autoCollectPropositionInteractions,
);
-
expect(decisionsMeta).toEqual(
- jasmine.arrayContaining([
+ expect.arrayContaining([
{
id: "AJO:inner-id-2",
scope: "inner-scope2",
diff --git a/test/unit/specs/components/Personalization/dom-actions/collectInteractions.spec.js b/test/unit/specs/components/Personalization/dom-actions/collectInteractions.spec.js
index e8ffa7df9..6520c5895 100644
--- a/test/unit/specs/components/Personalization/dom-actions/collectInteractions.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/collectInteractions.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { beforeEach, afterEach, describe, it, expect } from "vitest";
import {
appendNode,
createNode,
@@ -22,34 +23,29 @@ import { DOM_ACTION_COLLECT_INTERACTIONS } from "../../../../../../src/component
describe("Personalization::actions::collectInteractions", () => {
let decorateProposition;
-
beforeEach(() => {
cleanUpDomChanges("something");
decorateProposition = createDecoratePropositionForTest({
type: DOM_ACTION_COLLECT_INTERACTIONS,
});
});
-
afterEach(() => {
cleanUpDomChanges("something");
});
-
it("should decorate element", async () => {
const itemData = {
isCool: true,
selector: "#something",
};
-
const modules = initDomActionsModules();
-
- const element = createNode("div", { id: "something" });
+ const element = createNode("div", {
+ id: "something",
+ });
appendNode(document.body, element);
-
await modules[DOM_ACTION_COLLECT_INTERACTIONS](
itemData,
decorateProposition,
);
-
expect(getAttribute(element, INTERACT_ID_DATA_ATTRIBUTE)).not.toBeNull();
});
});
diff --git a/test/unit/specs/components/Personalization/dom-actions/createPreprocess.spec.js b/test/unit/specs/components/Personalization/dom-actions/createPreprocess.spec.js
index bb509dc04..7a938265d 100644
--- a/test/unit/specs/components/Personalization/dom-actions/createPreprocess.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/createPreprocess.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { vi, beforeEach, describe, it, expect } from "vitest";
import createPreprocess from "../../../../../../src/components/Personalization/dom-actions/createPreprocess.js";
describe("Personalization::dom-actions::createPreprocess", () => {
@@ -16,36 +17,77 @@ describe("Personalization::dom-actions::createPreprocess", () => {
let preprocessor2;
let preprocess;
beforeEach(() => {
- preprocessor1 = jasmine.createSpy("preprocessor1");
- preprocessor2 = jasmine.createSpy("preprocessor2");
+ preprocessor1 = vi.fn();
+ preprocessor2 = vi.fn();
preprocess = createPreprocess([preprocessor1, preprocessor2]);
});
-
it("handles an empty action", () => {
expect(preprocess({})).toEqual({});
});
-
it("passes the data through", () => {
- preprocessor1.and.callFake((data) => data);
- preprocessor2.and.callFake((data) => data);
- expect(preprocess({ a: 1, b: 2 })).toEqual({ a: 1, b: 2 });
+ preprocessor1.mockImplementation((data) => data);
+ preprocessor2.mockImplementation((data) => data);
+ expect(
+ preprocess({
+ a: 1,
+ b: 2,
+ }),
+ ).toEqual({
+ a: 1,
+ b: 2,
+ });
});
-
it("passes the data through when the preprocessor returns undefined", () => {
- preprocessor1.and.callFake(() => undefined);
- preprocessor2.and.callFake(() => undefined);
- expect(preprocess({ a: 1, b: 2 })).toEqual({ a: 1, b: 2 });
+ preprocessor1.mockImplementation(() => undefined);
+ preprocessor2.mockImplementation(() => undefined);
+ expect(
+ preprocess({
+ a: 1,
+ b: 2,
+ }),
+ ).toEqual({
+ a: 1,
+ b: 2,
+ });
});
-
it("updates the data", () => {
- preprocessor1.and.callFake(() => ({ c: 3 }));
- preprocessor2.and.callFake(() => ({ d: 4 }));
- expect(preprocess({ a: 1, b: 2 })).toEqual({ a: 1, b: 2, c: 3, d: 4 });
+ preprocessor1.mockImplementation(() => ({
+ c: 3,
+ }));
+ preprocessor2.mockImplementation(() => ({
+ d: 4,
+ }));
+ expect(
+ preprocess({
+ a: 1,
+ b: 2,
+ }),
+ ).toEqual({
+ a: 1,
+ b: 2,
+ c: 3,
+ d: 4,
+ });
});
-
it("updates the data2", () => {
- preprocessor1.and.callFake((data) => ({ ...data, c: 3 }));
- preprocessor2.and.callFake((data) => ({ ...data, d: 4 }));
- expect(preprocess({ a: 1, b: 2 })).toEqual({ a: 1, b: 2, c: 3, d: 4 });
+ preprocessor1.mockImplementation((data) => ({
+ ...data,
+ c: 3,
+ }));
+ preprocessor2.mockImplementation((data) => ({
+ ...data,
+ d: 4,
+ }));
+ expect(
+ preprocess({
+ a: 1,
+ b: 2,
+ }),
+ ).toEqual({
+ a: 1,
+ b: 2,
+ c: 3,
+ d: 4,
+ });
});
});
diff --git a/test/unit/specs/components/Personalization/dom-actions/createRedirect.spec.js b/test/unit/specs/components/Personalization/dom-actions/createRedirect.spec.js
index 606f5a791..39ed4a22c 100644
--- a/test/unit/specs/components/Personalization/dom-actions/createRedirect.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/createRedirect.spec.js
@@ -9,14 +9,15 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { vi, describe, it, expect } from "vitest";
import createRedirect from "../../../../../../src/components/Personalization/dom-actions/createRedirect.js";
describe("createRedirect", () => {
it("redirects", () => {
const window = {
location: {
- replace: jasmine.createSpy(),
- href: jasmine.createSpy(),
+ replace: vi.fn(),
+ href: vi.fn(),
},
};
const redirect = createRedirect(window);
@@ -24,12 +25,11 @@ describe("createRedirect", () => {
expect(window.location.replace).toHaveBeenCalledWith("myurl");
expect(window.location.href).not.toHaveBeenCalled();
});
-
it("redirects using window.location.href when preserveHistory is true", () => {
const window = {
location: {
- href: jasmine.createSpy(),
- replace: jasmine.createSpy(),
+ href: vi.fn(),
+ replace: vi.fn(),
},
};
const redirectUrl = "https://www.adobe.com";
diff --git a/test/unit/specs/components/Personalization/dom-actions/customCode.spec.js b/test/unit/specs/components/Personalization/dom-actions/customCode.spec.js
index 51b1b2718..09335e518 100644
--- a/test/unit/specs/components/Personalization/dom-actions/customCode.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/customCode.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { beforeEach, afterEach, describe, it, expect } from "vitest";
import {
appendNode,
createNode,
@@ -22,53 +23,53 @@ describe("Personalization::actions::customCode", () => {
let decorateProposition;
let customCode;
let element;
-
beforeEach(() => {
cleanUpDomChanges("customCode");
delete window.someEvar123;
-
decorateProposition = createDecoratePropositionForTest({
type: DOM_ACTION_CUSTOM_CODE,
});
-
const modules = initDomActionsModules();
({ customCode } = modules);
});
-
afterEach(() => {
cleanUpDomChanges("customCode");
delete window.someEvar123;
});
-
it("should set content in container that has children", async () => {
- element = createNode("div", { id: "customCode", class: "customCode" });
+ element = createNode("div", {
+ id: "customCode",
+ class: "customCode",
+ });
element.innerHTML = ``;
appendNode(document.body, element);
-
const settings = {
selector: ".customCode",
prehidingSelector: ".customCode",
content: "Hola!
", - meta: { a: 1 }, + meta: { + a: 1, + }, }; - await customCode(settings, decorateProposition); expect(element.innerHTML).toMatch( /Hola!<\/p>
<\/div>
<\/div>/,
);
});
-
it("should set content in container that has NO children", async () => {
- element = createNode("div", { id: "customCode", class: "customCode" });
+ element = createNode("div", {
+ id: "customCode",
+ class: "customCode",
+ });
appendNode(document.body, element);
-
const settings = {
selector: ".customCode",
prehidingSelector: ".customCode",
content: "
";
const fragment = createFragment(fragmentHTML);
const imageNode = getChildNodes(fragment)[0];
-
- expect(isImage(fragment)).toBeFalse();
- expect(isImage(imageNode)).toBeTrue();
+ expect(isImage(fragment)).toBe(false);
+ expect(isImage(imageNode)).toBe(true);
});
-
it("should create an image node", () => {
const result = loadImage("http://foo.com");
- const image = createNode(IMG, { src: "http://foo.com" });
-
+ const image = createNode(IMG, {
+ src: "http://foo.com",
+ });
expect(result).toEqual(image);
});
});
diff --git a/test/unit/specs/components/Personalization/dom-actions/initDomActionsModules.spec.js b/test/unit/specs/components/Personalization/dom-actions/initDomActionsModules.spec.js
index 18c1cb860..c7d813897 100644
--- a/test/unit/specs/components/Personalization/dom-actions/initDomActionsModules.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/initDomActionsModules.spec.js
@@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
governing permissions and limitations under the License.
*/
+import { describe, it, expect } from "vitest";
import initDomActionsModules, {
DOM_ACTION_APPEND_HTML,
DOM_ACTION_CUSTOM_CODE,
@@ -49,19 +50,14 @@ const buildSet = () => {
result.add(DOM_ACTION_PREPEND_HTML);
result.add(DOM_ACTION_APPEND_HTML);
result.add(DOM_ACTION_COLLECT_INTERACTIONS);
-
return result;
};
-
const STANDARD_MODULES = buildSet();
-
describe("Personalization::turbine::initDomActionsModules", () => {
it("should have all the required modules", () => {
const result = initDomActionsModules(() => {});
const keys = Object.keys(result);
-
expect(keys.length).toEqual(STANDARD_MODULES.size);
-
Object.keys(result).forEach((key) => {
expect(STANDARD_MODULES.has(key)).toEqual(true);
});
diff --git a/test/unit/specs/components/Personalization/dom-actions/insertHtmlAfter.spec.js b/test/unit/specs/components/Personalization/dom-actions/insertHtmlAfter.spec.js
index 5704cc9ef..725e3c8f1 100644
--- a/test/unit/specs/components/Personalization/dom-actions/insertHtmlAfter.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/insertHtmlAfter.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { beforeEach, afterEach, describe, it, expect } from "vitest";
import {
appendNode,
createNode,
@@ -26,44 +27,50 @@ import { DOM_ACTION_INSERT_AFTER } from "../../../../../../src/components/Person
describe("Personalization::actions::insertAfter", () => {
let decorateProposition;
-
beforeEach(() => {
cleanUpDomChanges("insertAfter");
decorateProposition = createDecoratePropositionForTest({
type: DOM_ACTION_INSERT_AFTER,
});
});
-
afterEach(() => {
cleanUpDomChanges("insertAfter");
});
-
it("should insert after personalized content", () => {
const modules = initDomActionsModules();
const { insertAfter } = modules;
const child = createNode(
"div",
- { id: "a", class: "ia" },
- { innerHTML: "AAA" },
+ {
+ id: "a",
+ class: "ia",
+ },
+ {
+ innerHTML: "AAA",
+ },
+ );
+ const element = createNode(
+ "div",
+ {
+ id: "insertAfter",
+ },
+ {},
+ [child],
);
- const element = createNode("div", { id: "insertAfter" }, {}, [child]);
-
appendNode(document.body, element);
-
const settings = {
selector: "#a",
prehidingSelector: "#a",
content: `3 `;
const element = createNode(
"ul",
- { id: "prependHtml" },
- { innerHTML: content },
+ {
+ id: "prependHtml",
+ },
+ {
+ innerHTML: content,
+ },
);
-
appendNode(document.body, element);
-
const settings = {
selector: "#prependHtml",
prehidingSelector: "#prependHtml",
content: `1 2 `,
- meta: { a: 1 },
+ meta: {
+ a: 1,
+ },
};
-
return prependHtml(settings, decorateProposition).then(() => {
const result = selectNodes("ul#prependHtml li");
-
expect(result.length).toEqual(3);
// first li (prepended)
expect(result[0].innerHTML).toEqual("1");
diff --git a/test/unit/specs/components/Personalization/dom-actions/rearrangeChildren.spec.js b/test/unit/specs/components/Personalization/dom-actions/rearrangeChildren.spec.js
index c85e09587..6fbe07a85 100644
--- a/test/unit/specs/components/Personalization/dom-actions/rearrangeChildren.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/rearrangeChildren.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { beforeEach, afterEach, describe, it, expect } from "vitest";
import {
appendNode,
createNode,
@@ -26,18 +27,15 @@ import { DOM_ACTION_REARRANGE } from "../../../../../../src/components/Personali
describe("Personalization::actions::rearrange", () => {
let decorateProposition;
-
beforeEach(() => {
cleanUpDomChanges("rearrange");
decorateProposition = createDecoratePropositionForTest({
type: DOM_ACTION_REARRANGE,
});
});
-
afterEach(() => {
cleanUpDomChanges("rearrange");
});
-
it("should rearrange elements when from < to", () => {
const modules = initDomActionsModules();
const { rearrange } = modules;
@@ -48,26 +46,30 @@ describe("Personalization::actions::rearrange", () => {
`;
const element = createNode(
"ul",
- { id: "rearrange" },
- { innerHTML: content },
+ {
+ id: "rearrange",
+ },
+ {
+ innerHTML: content,
+ },
);
-
appendNode(document.body, element);
-
const settings = {
selector: "#rearrange",
prehidingSelector: "#rearrange",
- content: { from: 0, to: 2 },
- meta: { a: 1 },
+ content: {
+ from: 0,
+ to: 2,
+ },
+ meta: {
+ a: 1,
+ },
};
-
return rearrange(settings, decorateProposition).then(() => {
const result = selectNodes("li");
-
expect(result[0].textContent).toEqual("2");
expect(getAttribute(result[0], CLICK_LABEL_DATA_ATTRIBUTE)).toBeNull();
expect(getAttribute(result[0], INTERACT_ID_DATA_ATTRIBUTE)).toBeNull();
-
expect(result[1].textContent).toEqual("3");
expect(getAttribute(result[1], CLICK_LABEL_DATA_ATTRIBUTE)).toEqual(
"trackingLabel",
@@ -75,7 +77,6 @@ describe("Personalization::actions::rearrange", () => {
expect(
getAttribute(result[1], INTERACT_ID_DATA_ATTRIBUTE),
).not.toBeNull();
-
expect(result[2].textContent).toEqual("1");
expect(getAttribute(result[2], CLICK_LABEL_DATA_ATTRIBUTE)).toEqual(
"trackingLabel",
@@ -85,7 +86,6 @@ describe("Personalization::actions::rearrange", () => {
).not.toBeNull();
});
});
-
it("should rearrange elements when from > to", () => {
const modules = initDomActionsModules();
const { rearrange } = modules;
@@ -96,22 +96,27 @@ describe("Personalization::actions::rearrange", () => {
`;
const element = createNode(
"ul",
- { id: "rearrange" },
- { innerHTML: content },
+ {
+ id: "rearrange",
+ },
+ {
+ innerHTML: content,
+ },
);
-
appendNode(document.body, element);
-
const settings = {
selector: "#rearrange",
prehidingSelector: "#rearrange",
- content: { from: 2, to: 0 },
- meta: { a: 1 },
+ content: {
+ from: 2,
+ to: 0,
+ },
+ meta: {
+ a: 1,
+ },
};
-
return rearrange(settings, decorateProposition).then(() => {
const result = selectNodes("li");
-
expect(result[0].textContent).toEqual("3");
expect(result[1].textContent).toEqual("1");
expect(result[2].textContent).toEqual("2");
diff --git a/test/unit/specs/components/Personalization/dom-actions/remapCustomCodeOffers.spec.js b/test/unit/specs/components/Personalization/dom-actions/remapCustomCodeOffers.spec.js
index f4a1a210c..fa8ce9189 100644
--- a/test/unit/specs/components/Personalization/dom-actions/remapCustomCodeOffers.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/remapCustomCodeOffers.spec.js
@@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
governing permissions and limitations under the License.
*/
+import { describe, it, expect } from "vitest";
import remapCustomCodeOffers from "../../../../../../src/components/Personalization/dom-actions/remapCustomCodeOffers.js";
describe("remapCustomCodeOffers", () => {
@@ -26,7 +27,6 @@ describe("remapCustomCodeOffers", () => {
selector: "BODY",
});
});
-
it("does not change selector if non-standard", () => {
expect(
remapCustomCodeOffers({
@@ -40,7 +40,6 @@ describe("remapCustomCodeOffers", () => {
selector: ".whoopie",
});
});
-
it("only handles customCode type", () => {
expect(
remapCustomCodeOffers({
diff --git a/test/unit/specs/components/Personalization/dom-actions/remove.spec.js b/test/unit/specs/components/Personalization/dom-actions/remove.spec.js
index ccb2dbfb9..ccc057869 100644
--- a/test/unit/specs/components/Personalization/dom-actions/remove.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/remove.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { beforeEach, afterEach, describe, it, expect } from "vitest";
import {
appendNode,
createNode,
@@ -21,35 +22,38 @@ import { DOM_ACTION_REMOVE } from "../../../../../../src/components/Personalizat
describe("Personalization::actions::remove", () => {
let decorateProposition;
-
beforeEach(() => {
cleanUpDomChanges("remove");
decorateProposition = createDecoratePropositionForTest({
type: DOM_ACTION_REMOVE,
});
});
-
afterEach(() => {
cleanUpDomChanges("remove");
});
-
it("should remove element", () => {
const modules = initDomActionsModules();
const { remove } = modules;
const content = ``;
- const element = createNode("div", { id: "remove" }, { innerHTML: content });
-
+ const element = createNode(
+ "div",
+ {
+ id: "remove",
+ },
+ {
+ innerHTML: content,
+ },
+ );
appendNode(document.body, element);
-
const settings = {
selector: "#remove",
prehidingSelector: "#remove",
- meta: { a: 1 },
+ meta: {
+ a: 1,
+ },
};
-
return remove(settings, decorateProposition).then(() => {
const result = selectNodes("#child");
-
expect(result.length).toEqual(0);
});
});
diff --git a/test/unit/specs/components/Personalization/dom-actions/replaceHtml.spec.js b/test/unit/specs/components/Personalization/dom-actions/replaceHtml.spec.js
index bdd6b1e9c..d0ba848da 100644
--- a/test/unit/specs/components/Personalization/dom-actions/replaceHtml.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/replaceHtml.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { beforeEach, afterEach, describe, it, expect } from "vitest";
import {
appendNode,
createNode,
@@ -26,43 +27,49 @@ import { DOM_ACTION_REPLACE_HTML } from "../../../../../../src/components/Person
describe("Personalization::actions::replaceHtml", () => {
let decorateProposition;
-
beforeEach(() => {
cleanUpDomChanges("replaceHtml");
decorateProposition = createDecoratePropositionForTest({
type: DOM_ACTION_REPLACE_HTML,
});
});
-
afterEach(() => {
cleanUpDomChanges("replaceHtml");
});
-
it("should replace element with personalized content", () => {
const modules = initDomActionsModules();
const { replaceHtml } = modules;
const child = createNode(
"div",
- { id: "a", class: "rh" },
- { innerHTML: "AAA" },
+ {
+ id: "a",
+ class: "rh",
+ },
+ {
+ innerHTML: "AAA",
+ },
+ );
+ const element = createNode(
+ "div",
+ {
+ id: "replaceHtml",
+ },
+ {},
+ [child],
);
- const element = createNode("div", { id: "replaceHtml" }, {}, [child]);
-
appendNode(document.body, element);
-
const settings = {
selector: "#a",
prehidingSelector: "#a",
content: `one two three ",
},
);
appendNode(document.body, element);
-
const interactIds = new Set();
-
["one", "two", "three"].forEach((value, idx) => {
decorateProposition = createDecoratePropositionForTest({
type: DOM_ACTION_CLICK,
@@ -169,43 +166,42 @@ describe("Personalization::createDecorateProposition", () => {
notification: {
id: `notifyId${idx}`,
scope: "web://mywebsite.com",
- scopeDetails: { something: true },
+ scopeDetails: {
+ something: true,
+ },
},
});
const li = document.querySelector(`#something .${value}`);
decorateProposition(li);
-
expect(getAttribute(li, CLICK_LABEL_DATA_ATTRIBUTE)).toEqual(
`trackingLabel${value}`,
);
const interactId = getAttribute(li, INTERACT_ID_DATA_ATTRIBUTE);
expect(interactId).not.toBeNull();
-
interactIds.add(interactId);
});
expect(interactIds.size).toEqual(3);
});
-
it("does not set data-attribute for interact id and label if autoCollectPropositionInteractions does not include the appropriate decisionProvider and dom action is not 'click'", () => {
decorateProposition = createDecoratePropositionForTest({
autoCollectPropositionInteractions: {},
type: DOM_ACTION_SET_HTML,
trackingLabel: "myTrackingLabel",
});
-
const element = createNode(
"div",
- { id: "something" },
- { innerText: "superfluous" },
+ {
+ id: "something",
+ },
+ {
+ innerText: "superfluous",
+ },
);
appendNode(document.body, element);
-
decorateProposition(element);
-
expect(getAttribute(element, CLICK_LABEL_DATA_ATTRIBUTE)).toBeNull();
expect(getAttribute(element, INTERACT_ID_DATA_ATTRIBUTE)).toBeNull();
});
-
it("does not set data-attribute for interact id and label if autoCollectPropositionInteractions does not include the appropriate decisionProvider and dom action is not 'click'", () => {
decorateProposition = createDecoratePropositionForTest({
autoCollectPropositionInteractions: {
@@ -215,36 +211,37 @@ describe("Personalization::createDecorateProposition", () => {
type: DOM_ACTION_SET_HTML,
trackingLabel: "myTrackingLabel",
});
-
const element = createNode(
"div",
- { id: "something" },
- { innerText: "superfluous" },
+ {
+ id: "something",
+ },
+ {
+ innerText: "superfluous",
+ },
);
appendNode(document.body, element);
-
decorateProposition(element);
-
expect(getAttribute(element, CLICK_LABEL_DATA_ATTRIBUTE)).toBeNull();
expect(getAttribute(element, INTERACT_ID_DATA_ATTRIBUTE)).toBeNull();
});
-
it("sets data-attribute for interact id and label for all 'click' dom actions, regardless of autoCollectPropositionInteractions", () => {
decorateProposition = createDecoratePropositionForTest({
autoCollectPropositionInteractions: {},
type: DOM_ACTION_CLICK,
trackingLabel: "myTrackingLabel",
});
-
const element = createNode(
"div",
- { id: "something" },
- { innerText: "superfluous" },
+ {
+ id: "something",
+ },
+ {
+ innerText: "superfluous",
+ },
);
appendNode(document.body, element);
-
decorateProposition(element);
-
expect(getAttribute(element, CLICK_LABEL_DATA_ATTRIBUTE)).toEqual(
"myTrackingLabel",
);
diff --git a/test/unit/specs/components/Personalization/handlers/createProcessDomAction.spec.js b/test/unit/specs/components/Personalization/handlers/createProcessDomAction.spec.js
index d39d8c3b6..27a3baba7 100644
--- a/test/unit/specs/components/Personalization/handlers/createProcessDomAction.spec.js
+++ b/test/unit/specs/components/Personalization/handlers/createProcessDomAction.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { vi, beforeEach, afterEach, describe, it, expect } from "vitest";
import createProcessDomAction from "../../../../../../src/components/Personalization/handlers/createProcessDomAction.js";
import cleanUpDomChanges from "../../../../helpers/cleanUpDomChanges.js";
import {
@@ -32,18 +33,17 @@ describe("createProcessDomAction", () => {
let storeInteractionMeta;
let storeClickMeta;
let processDomAction;
-
beforeEach(() => {
cleanUpDomChanges("click-element");
-
modules = {
- typeA: jasmine.createSpy("typeA"),
- typeB: jasmine.createSpy("typeB"),
+ typeA: vi.fn(),
+ typeB: vi.fn(),
};
- logger = jasmine.createSpyObj("logger", ["warn"]);
- storeInteractionMeta = jasmine.createSpy("storeInteractionMeta");
- storeClickMeta = jasmine.createSpy("storeClickMeta");
-
+ logger = {
+ warn: vi.fn(),
+ };
+ storeInteractionMeta = vi.fn();
+ storeClickMeta = vi.fn();
processDomAction = createProcessDomAction({
modules,
logger,
@@ -55,17 +55,14 @@ describe("createProcessDomAction", () => {
},
});
});
-
afterEach(() => {
cleanUpDomChanges("click-element");
});
-
it("returns an empty object if the item has no data, and logs missing type", () => {
const proposition = createMockProposition({
schema: DOM_ACTION,
data: undefined,
});
-
expect(processDomAction(proposition.getItems()[0])).toEqual({
setRenderAttempted: false,
includeInNotification: false,
@@ -75,7 +72,6 @@ describe("createProcessDomAction", () => {
undefined,
);
});
-
it("returns an empty object if the item has no type, and logs missing type", () => {
const proposition = createMockProposition({
schema: DOM_ACTION,
@@ -90,11 +86,12 @@ describe("createProcessDomAction", () => {
{},
);
});
-
it("returns an empty object if the item has an unknown type, and logs unknown type", () => {
const proposition = createMockProposition({
schema: DOM_ACTION,
- data: { type: "typeC" },
+ data: {
+ type: "typeC",
+ },
});
expect(processDomAction(proposition.getItems()[0])).toEqual({
setRenderAttempted: false,
@@ -107,11 +104,12 @@ describe("createProcessDomAction", () => {
},
);
});
-
it("returns an empty object if the item has no selector for a click type, and logs missing selector", () => {
const proposition = createMockProposition({
schema: DOM_ACTION,
- data: { type: "click" },
+ data: {
+ type: "click",
+ },
});
expect(processDomAction(proposition.getItems()[0])).toEqual({
setRenderAttempted: false,
@@ -124,7 +122,6 @@ describe("createProcessDomAction", () => {
},
);
});
-
it("handles a click type", async () => {
const element = createNode("div", {
id: "click-element",
@@ -132,12 +129,14 @@ describe("createProcessDomAction", () => {
});
element.innerHTML = "click element";
appendNode(document.body, element);
-
const proposition = createMockProposition(
{
id: "itemId",
schema: DOM_ACTION,
- data: { type: "click", selector: ".click-element" },
+ data: {
+ type: "click",
+ selector: ".click-element",
+ },
characteristics: {
trackingLabel: "mytrackinglabel",
},
@@ -150,12 +149,10 @@ describe("createProcessDomAction", () => {
},
);
const clickAction = processDomAction(proposition.getItems()[0]);
-
expect(clickAction).toEqual({
setRenderAttempted: true,
includeInNotification: false,
});
-
expect(storeInteractionMeta).not.toHaveBeenCalled();
expect(storeClickMeta).toHaveBeenCalledWith({
selector: ".click-element",
@@ -174,23 +171,28 @@ describe("createProcessDomAction", () => {
},
});
});
-
it("handles a non-click known type", () => {
const proposition = createMockProposition({
schema: DOM_ACTION,
- data: { type: "typeA", a: "b" },
+ data: {
+ type: "typeA",
+ a: "b",
+ },
});
const result = processDomAction(proposition.getItems()[0]);
expect(result).toEqual({
- render: jasmine.any(Function),
+ render: expect.any(Function),
setRenderAttempted: true,
includeInNotification: true,
});
expect(modules.typeA).not.toHaveBeenCalled();
result.render();
expect(modules.typeA).toHaveBeenCalledWith(
- { type: "typeA", a: "b" },
- jasmine.any(Function),
+ {
+ type: "typeA",
+ a: "b",
+ },
+ expect.any(Function),
);
});
});
diff --git a/test/unit/specs/components/Personalization/handlers/createProcessHtmlContent.spec.js b/test/unit/specs/components/Personalization/handlers/createProcessHtmlContent.spec.js
index c0da602d8..2ffd7f873 100644
--- a/test/unit/specs/components/Personalization/handlers/createProcessHtmlContent.spec.js
+++ b/test/unit/specs/components/Personalization/handlers/createProcessHtmlContent.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { vi, beforeEach, describe, it, expect } from "vitest";
import {
ADOBE_JOURNEY_OPTIMIZER,
ADOBE_TARGET,
@@ -26,16 +27,15 @@ describe("createProcessHtmlContent", () => {
let modules;
let logger;
let processHtmlContent;
-
beforeEach(() => {
const { storeInteractionMeta } = createInteractionStorage();
-
modules = {
- typeA: jasmine.createSpy("typeA"),
- typeB: jasmine.createSpy("typeB"),
+ typeA: vi.fn(),
+ typeB: vi.fn(),
+ };
+ logger = {
+ warn: vi.fn(),
};
- logger = jasmine.createSpyObj("logger", ["warn"]);
-
processHtmlContent = createProcessHtmlContent({
modules,
logger,
@@ -46,46 +46,43 @@ describe("createProcessHtmlContent", () => {
},
});
});
-
it("returns an empty object if the item has no data", () => {
const proposition = createMockProposition({
schema: HTML_CONTENT_ITEM,
data: undefined,
});
-
expect(processHtmlContent(proposition.getItems()[0])).toEqual({
setRenderAttempted: false,
includeInNotification: false,
});
expect(logger.warn).not.toHaveBeenCalled();
});
-
it("returns an empty object if the item has no type", () => {
const proposition = createMockProposition({
schema: HTML_CONTENT_ITEM,
- data: { selector: ".myselector" },
+ data: {
+ selector: ".myselector",
+ },
});
-
expect(processHtmlContent(proposition.getItems()[0])).toEqual({
setRenderAttempted: false,
includeInNotification: false,
});
expect(logger.warn).not.toHaveBeenCalled();
});
-
it("returns an empty object if the item has no selector", () => {
const proposition = createMockProposition({
schema: HTML_CONTENT_ITEM,
- data: { type: "mytype" },
+ data: {
+ type: "mytype",
+ },
});
-
expect(processHtmlContent(proposition.getItems()[0])).toEqual({
setRenderAttempted: false,
includeInNotification: false,
});
expect(logger.warn).not.toHaveBeenCalled();
});
-
it("returns an empty object if the item has an unknown type, and logs unknown type", () => {
const proposition = createMockProposition({
schema: HTML_CONTENT_ITEM,
@@ -95,7 +92,6 @@ describe("createProcessHtmlContent", () => {
content: "mycontent",
},
});
-
expect(processHtmlContent(proposition.getItems()[0])).toEqual({
setRenderAttempted: false,
includeInNotification: false,
@@ -106,7 +102,6 @@ describe("createProcessHtmlContent", () => {
content: "mycontent",
});
});
-
it("handles a known type", () => {
const proposition = createMockProposition({
schema: HTML_CONTENT_ITEM,
@@ -116,10 +111,9 @@ describe("createProcessHtmlContent", () => {
content: "mycontent",
},
});
-
const result = processHtmlContent(proposition.getItems()[0]);
expect(result).toEqual({
- render: jasmine.any(Function),
+ render: expect.any(Function),
setRenderAttempted: true,
includeInNotification: true,
});
@@ -131,7 +125,7 @@ describe("createProcessHtmlContent", () => {
selector: ".myselector",
content: "mycontent",
},
- jasmine.any(Function),
+ expect.any(Function),
);
});
});
diff --git a/test/unit/specs/components/Personalization/handlers/createProcessInAppMessage.spec.js b/test/unit/specs/components/Personalization/handlers/createProcessInAppMessage.spec.js
index eb6445e25..7db4b5242 100644
--- a/test/unit/specs/components/Personalization/handlers/createProcessInAppMessage.spec.js
+++ b/test/unit/specs/components/Personalization/handlers/createProcessInAppMessage.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { vi, beforeEach, describe, it, expect } from "vitest";
import createProcessInAppMessage from "../../../../../../src/components/Personalization/handlers/createProcessInAppMessage.js";
describe("Personalization::handlers::createProcessInAppMessage", () => {
@@ -18,7 +19,6 @@ describe("Personalization::handlers::createProcessInAppMessage", () => {
let modules;
let logger;
let processInAppMessage;
-
beforeEach(() => {
item = {
getData() {
@@ -32,16 +32,16 @@ describe("Personalization::handlers::createProcessInAppMessage", () => {
},
};
modules = {
- defaultContent: jasmine.createSpy("defaultContent"),
+ defaultContent: vi.fn(),
+ };
+ logger = {
+ warn: vi.fn(),
};
- logger = jasmine.createSpyObj("logger", ["warn"]);
-
processInAppMessage = createProcessInAppMessage({
modules,
logger,
});
});
-
it("returns an empty object if the item has no data, and logs missing type", () => {
data = undefined;
expect(processInAppMessage(item)).toEqual({});
@@ -50,16 +50,16 @@ describe("Personalization::handlers::createProcessInAppMessage", () => {
undefined,
);
});
-
it("returns an empty object if the item has an unknown type, and logs unknown type", () => {
- data = { type: "wtf" };
+ data = {
+ type: "wtf",
+ };
expect(processInAppMessage(item)).toEqual({});
expect(logger.warn).toHaveBeenCalledWith(
"Invalid in-app message data: unknown type.",
data,
);
});
-
it("handles a valid in app message type", () => {
meta = {
id: "abc",
@@ -89,18 +89,19 @@ describe("Personalization::handlers::createProcessInAppMessage", () => {
contentType: "text/html",
qualifiedDate: 1694731987996,
};
-
const result = processInAppMessage(item);
expect(result).toEqual({
- render: jasmine.any(Function),
+ render: expect.any(Function),
setRenderAttempted: true,
includeInNotification: true,
});
expect(modules.defaultContent).not.toHaveBeenCalled();
result.render();
- expect(modules.defaultContent).toHaveBeenCalledWith({ ...data, meta });
+ expect(modules.defaultContent).toHaveBeenCalledWith({
+ ...data,
+ meta,
+ });
});
-
it("handles an invalid in app message type, and logs", () => {
meta = {
id: "abc",
@@ -129,7 +130,6 @@ describe("Personalization::handlers::createProcessInAppMessage", () => {
contentType: "text/html",
qualifiedDate: 1694731987996,
};
-
expect(processInAppMessage(item)).toEqual({});
expect(logger.warn).toHaveBeenCalledWith(
"Invalid in-app message data: missing property 'content'.",
diff --git a/test/unit/specs/components/Personalization/handlers/createProcessPropositions.spec.js b/test/unit/specs/components/Personalization/handlers/createProcessPropositions.spec.js
index 88183414b..4d8cfef5d 100644
--- a/test/unit/specs/components/Personalization/handlers/createProcessPropositions.spec.js
+++ b/test/unit/specs/components/Personalization/handlers/createProcessPropositions.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { vi, beforeEach, describe, it, expect } from "vitest";
import createProcessPropositions from "../../../../../../src/components/Personalization/handlers/createProcessPropositions.js";
import injectCreateProposition from "../../../../../../src/components/Personalization/handlers/injectCreateProposition.js";
@@ -17,16 +18,14 @@ describe("createProcessPropositions", () => {
let logger;
let createProposition;
let processPropositions;
-
let render;
let always;
let noNotification;
let never;
let noRender;
let redirect;
-
beforeEach(() => {
- render = jasmine.createSpy("render").and.returnValue(Promise.resolve());
+ render = vi.fn().mockReturnValue(Promise.resolve());
always = (item) => ({
render: () => render(item.getData()),
setRenderAttempted: true,
@@ -47,13 +46,18 @@ describe("createProcessPropositions", () => {
setRenderAttempted: true,
onlyRenderThis: true,
});
-
- schemaProcessors = { always, noNotification, never, noRender, redirect };
- logger = jasmine.createSpyObj("logger", [
- "info",
- "error",
- "logOnContentRendering",
- ]);
+ schemaProcessors = {
+ always,
+ noNotification,
+ never,
+ noRender,
+ redirect,
+ };
+ logger = {
+ info: vi.fn(),
+ error: vi.fn(),
+ logOnContentRendering: vi.fn(),
+ };
processPropositions = createProcessPropositions({
schemaProcessors,
logger,
@@ -63,34 +67,46 @@ describe("createProcessPropositions", () => {
isPageWideSurface: () => false,
});
});
-
it("handles no propositions", async () => {
const result = processPropositions([]);
expect(result).toEqual({
- render: jasmine.any(Function),
+ render: expect.any(Function),
returnedPropositions: [],
returnedDecisions: [],
});
await expect(logger.logOnContentRendering).not.toHaveBeenCalled();
- await expectAsync(result.render()).toBeResolvedTo([]);
+ await expect(result.render()).resolves.toStrictEqual([]);
});
-
it("processes a proposition with an always item", async () => {
const prop1 = createProposition({
id: "always1",
scope: "myscope",
- scopeDetails: { a: 1 },
- items: [{ schema: "always", data: "mydata" }],
+ scopeDetails: {
+ a: 1,
+ },
+ items: [
+ {
+ schema: "always",
+ data: "mydata",
+ },
+ ],
});
const result = processPropositions([prop1]);
expect(result).toEqual({
- render: jasmine.any(Function),
+ render: expect.any(Function),
returnedPropositions: [
{
id: "always1",
scope: "myscope",
- scopeDetails: { a: 1 },
- items: [{ schema: "always", data: "mydata" }],
+ scopeDetails: {
+ a: 1,
+ },
+ items: [
+ {
+ schema: "always",
+ data: "mydata",
+ },
+ ],
renderAttempted: true,
},
],
@@ -98,32 +114,47 @@ describe("createProcessPropositions", () => {
});
await expect(logger.logOnContentRendering).not.toHaveBeenCalled();
expect(render).not.toHaveBeenCalled();
- await expectAsync(result.render()).toBeResolvedTo([
+ await expect(result.render()).resolves.toStrictEqual([
{
id: "always1",
scope: "myscope",
- scopeDetails: { a: 1 },
+ scopeDetails: {
+ a: 1,
+ },
},
]);
expect(render).toHaveBeenCalledWith("mydata");
});
-
it("processes a proposition with a noNotification item", async () => {
const prop1 = createProposition({
id: "noNotification1",
scope: "myscope",
- scopeDetails: { a: 1 },
- items: [{ schema: "noNotification", data: "mydata" }],
+ scopeDetails: {
+ a: 1,
+ },
+ items: [
+ {
+ schema: "noNotification",
+ data: "mydata",
+ },
+ ],
});
const result = processPropositions([prop1]);
expect(result).toEqual({
- render: jasmine.any(Function),
+ render: expect.any(Function),
returnedPropositions: [
{
id: "noNotification1",
scope: "myscope",
- scopeDetails: { a: 1 },
- items: [{ schema: "noNotification", data: "mydata" }],
+ scopeDetails: {
+ a: 1,
+ },
+ items: [
+ {
+ schema: "noNotification",
+ data: "mydata",
+ },
+ ],
renderAttempted: true,
},
],
@@ -131,26 +162,39 @@ describe("createProcessPropositions", () => {
});
await expect(logger.logOnContentRendering).not.toHaveBeenCalled();
expect(render).not.toHaveBeenCalled();
- await expectAsync(result.render()).toBeResolvedTo([]);
+ await expect(result.render()).resolves.toStrictEqual([]);
expect(render).toHaveBeenCalledWith("mydata");
});
-
it("processes a proposition with a never item", async () => {
const prop1 = createProposition({
id: "never1",
scope: "myscope",
- scopeDetails: { a: 1 },
- items: [{ schema: "never", data: "mydata" }],
+ scopeDetails: {
+ a: 1,
+ },
+ items: [
+ {
+ schema: "never",
+ data: "mydata",
+ },
+ ],
});
const result = processPropositions([prop1]);
expect(result).toEqual({
- render: jasmine.any(Function),
+ render: expect.any(Function),
returnedPropositions: [
{
id: "never1",
scope: "myscope",
- scopeDetails: { a: 1 },
- items: [{ schema: "never", data: "mydata" }],
+ scopeDetails: {
+ a: 1,
+ },
+ items: [
+ {
+ schema: "never",
+ data: "mydata",
+ },
+ ],
renderAttempted: false,
},
],
@@ -158,64 +202,99 @@ describe("createProcessPropositions", () => {
{
id: "never1",
scope: "myscope",
- scopeDetails: { a: 1 },
- items: [{ schema: "never", data: "mydata" }],
+ scopeDetails: {
+ a: 1,
+ },
+ items: [
+ {
+ schema: "never",
+ data: "mydata",
+ },
+ ],
},
],
});
await expect(logger.logOnContentRendering).not.toHaveBeenCalled();
- await expectAsync(result.render()).toBeResolvedTo([]);
+ await expect(result.render()).resolves.toStrictEqual([]);
expect(render).not.toHaveBeenCalled();
});
-
it("processes a proposition with a noRender item", async () => {
const prop1 = createProposition({
id: "noRender1",
scope: "myscope",
- scopeDetails: { a: 1 },
- items: [{ schema: "noRender", data: "mydata" }],
+ scopeDetails: {
+ a: 1,
+ },
+ items: [
+ {
+ schema: "noRender",
+ data: "mydata",
+ },
+ ],
});
const result = processPropositions([prop1]);
expect(result).toEqual({
- render: jasmine.any(Function),
+ render: expect.any(Function),
returnedPropositions: [
{
id: "noRender1",
scope: "myscope",
- scopeDetails: { a: 1 },
- items: [{ schema: "noRender", data: "mydata" }],
+ scopeDetails: {
+ a: 1,
+ },
+ items: [
+ {
+ schema: "noRender",
+ data: "mydata",
+ },
+ ],
renderAttempted: true,
},
],
returnedDecisions: [],
});
await expect(logger.logOnContentRendering).not.toHaveBeenCalled();
- await expectAsync(result.render()).toBeResolvedTo([
+ await expect(result.render()).resolves.toStrictEqual([
{
id: "noRender1",
scope: "myscope",
- scopeDetails: { a: 1 },
+ scopeDetails: {
+ a: 1,
+ },
},
]);
expect(render).not.toHaveBeenCalled();
});
-
it("processes a proposition with a redirect item", async () => {
const prop1 = createProposition({
id: "redirect1",
scope: "myscope",
- scopeDetails: { a: 1 },
- items: [{ schema: "redirect", data: "mydata" }],
+ scopeDetails: {
+ a: 1,
+ },
+ items: [
+ {
+ schema: "redirect",
+ data: "mydata",
+ },
+ ],
});
const result = processPropositions([prop1]);
expect(result).toEqual({
- render: jasmine.any(Function),
+ render: expect.any(Function),
returnedPropositions: [
{
id: "redirect1",
scope: "myscope",
- scopeDetails: { a: 1 },
- items: [{ schema: "redirect", data: "mydata" }],
+ scopeDetails: {
+ a: 1,
+ },
+ items: [
+ {
+ schema: "redirect",
+ data: "mydata",
+ },
+ ],
renderAttempted: true,
},
],
@@ -223,53 +302,93 @@ describe("createProcessPropositions", () => {
});
await expect(logger.logOnContentRendering).not.toHaveBeenCalled();
expect(render).not.toHaveBeenCalled();
- await expectAsync(result.render()).toBeResolvedTo([]);
+ await expect(result.render()).resolves.toStrictEqual([]);
expect(render).toHaveBeenCalledWith("mydata");
});
-
it("doesn't render other propositions if one has a redirect", async () => {
const prop1 = createProposition({
id: "always1",
scope: "myscope",
- scopeDetails: { a: 1 },
- items: [{ schema: "always", data: "mydata1" }],
+ scopeDetails: {
+ a: 1,
+ },
+ items: [
+ {
+ schema: "always",
+ data: "mydata1",
+ },
+ ],
});
const prop2 = createProposition({
id: "redirect2",
scope: "myscope",
- scopeDetails: { a: 2 },
- items: [{ schema: "redirect", data: "mydata2" }],
+ scopeDetails: {
+ a: 2,
+ },
+ items: [
+ {
+ schema: "redirect",
+ data: "mydata2",
+ },
+ ],
});
const prop3 = createProposition({
id: "always3",
scope: "myscope",
- scopeDetails: { a: 3 },
- items: [{ schema: "always", data: "mydata3" }],
+ scopeDetails: {
+ a: 3,
+ },
+ items: [
+ {
+ schema: "always",
+ data: "mydata3",
+ },
+ ],
});
const result = processPropositions([prop1, prop2, prop3]);
-
expect(result).toEqual({
- render: jasmine.any(Function),
+ render: expect.any(Function),
returnedPropositions: [
{
id: "redirect2",
scope: "myscope",
- scopeDetails: { a: 2 },
- items: [{ schema: "redirect", data: "mydata2" }],
+ scopeDetails: {
+ a: 2,
+ },
+ items: [
+ {
+ schema: "redirect",
+ data: "mydata2",
+ },
+ ],
renderAttempted: true,
},
{
id: "always1",
scope: "myscope",
- scopeDetails: { a: 1 },
- items: [{ schema: "always", data: "mydata1" }],
+ scopeDetails: {
+ a: 1,
+ },
+ items: [
+ {
+ schema: "always",
+ data: "mydata1",
+ },
+ ],
renderAttempted: false,
},
{
id: "always3",
scope: "myscope",
- scopeDetails: { a: 3 },
- items: [{ schema: "always", data: "mydata3" }],
+ scopeDetails: {
+ a: 3,
+ },
+ items: [
+ {
+ schema: "always",
+ data: "mydata3",
+ },
+ ],
renderAttempted: false,
},
],
@@ -277,39 +396,66 @@ describe("createProcessPropositions", () => {
{
id: "always1",
scope: "myscope",
- scopeDetails: { a: 1 },
- items: [{ schema: "always", data: "mydata1" }],
+ scopeDetails: {
+ a: 1,
+ },
+ items: [
+ {
+ schema: "always",
+ data: "mydata1",
+ },
+ ],
},
{
id: "always3",
scope: "myscope",
- scopeDetails: { a: 3 },
- items: [{ schema: "always", data: "mydata3" }],
+ scopeDetails: {
+ a: 3,
+ },
+ items: [
+ {
+ schema: "always",
+ data: "mydata3",
+ },
+ ],
},
],
});
await expect(logger.logOnContentRendering).not.toHaveBeenCalled();
expect(render).not.toHaveBeenCalled();
- await expectAsync(result.render()).toBeResolvedTo([]);
+ await expect(result.render()).resolves.toStrictEqual([]);
expect(render).toHaveBeenCalledWith("mydata2");
});
-
it("processes nonRenderPropositions", async () => {
const prop1 = createProposition({
id: "always1",
scope: "myscope",
- scopeDetails: { a: 1 },
- items: [{ schema: "always", data: "mydata" }],
+ scopeDetails: {
+ a: 1,
+ },
+ items: [
+ {
+ schema: "always",
+ data: "mydata",
+ },
+ ],
});
const result = processPropositions([], [prop1]);
expect(result).toEqual({
- render: jasmine.any(Function),
+ render: expect.any(Function),
returnedPropositions: [
{
id: "always1",
scope: "myscope",
- scopeDetails: { a: 1 },
- items: [{ schema: "always", data: "mydata" }],
+ scopeDetails: {
+ a: 1,
+ },
+ items: [
+ {
+ schema: "always",
+ data: "mydata",
+ },
+ ],
renderAttempted: false,
},
],
@@ -317,13 +463,20 @@ describe("createProcessPropositions", () => {
{
id: "always1",
scope: "myscope",
- scopeDetails: { a: 1 },
- items: [{ schema: "always", data: "mydata" }],
+ scopeDetails: {
+ a: 1,
+ },
+ items: [
+ {
+ schema: "always",
+ data: "mydata",
+ },
+ ],
},
],
});
- await expect(logger.logOnContentRendering).not.toHaveBeenCalled();
- await expectAsync(result.render()).toBeResolvedTo([]);
+ expect(logger.logOnContentRendering).not.toHaveBeenCalled();
+ await expect(result.render()).resolves.toStrictEqual([]);
expect(render).not.toHaveBeenCalled();
});
});
diff --git a/test/unit/specs/components/Personalization/handlers/createProcessRedirect.spec.js b/test/unit/specs/components/Personalization/handlers/createProcessRedirect.spec.js
index 31436d704..57225aee1 100644
--- a/test/unit/specs/components/Personalization/handlers/createProcessRedirect.spec.js
+++ b/test/unit/specs/components/Personalization/handlers/createProcessRedirect.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { vi, beforeEach, describe, it, expect } from "vitest";
import { defer } from "../../../../../../src/utils/index.js";
import flushPromiseChains from "../../../../helpers/flushPromiseChains.js";
import createProcessRedirect from "../../../../../../src/components/Personalization/handlers/createProcessRedirect.js";
@@ -22,16 +23,15 @@ describe("createProcessRedirect", () => {
let data;
let proposition;
let meta;
-
let processRedirect;
-
beforeEach(() => {
- logger = jasmine.createSpyObj("logger", ["warn", "logOnContentRendering"]);
- executeRedirect = jasmine.createSpy("executeRedirect");
+ logger = {
+ warn: vi.fn(),
+ logOnContentRendering: vi.fn(),
+ };
+ executeRedirect = vi.fn();
collectDefer = defer();
- collect = jasmine
- .createSpy("collect")
- .and.returnValue(collectDefer.promise);
+ collect = vi.fn().mockReturnValue(collectDefer.promise);
proposition = {
getNotification() {
return meta;
@@ -45,14 +45,12 @@ describe("createProcessRedirect", () => {
return proposition;
},
};
-
processRedirect = createProcessRedirect({
logger,
executeRedirect,
collect,
});
});
-
it("returns an empty object if the item has no data", () => {
data = undefined;
expect(processRedirect(item)).toEqual({});
@@ -61,20 +59,24 @@ describe("createProcessRedirect", () => {
undefined,
);
});
-
it("returns an empty object if the item has no content", () => {
- data = { a: 1 };
+ data = {
+ a: 1,
+ };
expect(processRedirect(item)).toEqual({});
expect(logger.logOnContentRendering).not.toHaveBeenCalled();
- expect(logger.warn).toHaveBeenCalledWith("Invalid Redirect data", { a: 1 });
+ expect(logger.warn).toHaveBeenCalledWith("Invalid Redirect data", {
+ a: 1,
+ });
});
-
it("redirects", async () => {
- data = { content: "mycontent" };
+ data = {
+ content: "mycontent",
+ };
meta = "mymetavalue";
const result = processRedirect(item);
expect(result).toEqual({
- render: jasmine.any(Function),
+ render: expect.any(Function),
setRenderAttempted: true,
onlyRenderThis: true,
});
@@ -93,14 +95,15 @@ describe("createProcessRedirect", () => {
expect(executeRedirect).toHaveBeenCalledWith("mycontent");
expect(await renderPromise).toBeUndefined();
});
-
it("doesn't eat the exception", async () => {
- data = { content: "mycontent" };
+ data = {
+ content: "mycontent",
+ };
meta = "mymetavalue";
const result = processRedirect(item);
const renderPromise = result.render();
collectDefer.reject("myerror");
expect(logger.logOnContentRendering).not.toHaveBeenCalled();
- await expectAsync(renderPromise).toBeRejectedWith("myerror");
+ await expect(renderPromise).rejects.toThrowError("myerror");
});
});
diff --git a/test/unit/specs/components/Personalization/handlers/injectCreateProposition.spec.js b/test/unit/specs/components/Personalization/handlers/injectCreateProposition.spec.js
index ba06288a7..9acb42322 100644
--- a/test/unit/specs/components/Personalization/handlers/injectCreateProposition.spec.js
+++ b/test/unit/specs/components/Personalization/handlers/injectCreateProposition.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { describe, it, expect } from "vitest";
import injectCreateProposition from "../../../../../../src/components/Personalization/handlers/injectCreateProposition.js";
describe("injectCreateProposition", () => {
@@ -18,10 +19,8 @@ describe("injectCreateProposition", () => {
preprocess,
isPageWideSurface,
});
-
it("creates a proposition from nothing", () => {
const proposition = createProposition({});
-
expect(proposition.getScope()).toBeUndefined();
expect(proposition.getScopeType()).toEqual("proposition");
expect(proposition.getItems()).toEqual([]);
@@ -32,21 +31,25 @@ describe("injectCreateProposition", () => {
});
expect(proposition.toJSON()).toEqual({});
});
-
it("creates a full proposition", () => {
const proposition = createProposition({
id: "id",
scope: "scope",
- scopeDetails: { characteristics: { scopeType: "view" } },
+ scopeDetails: {
+ characteristics: {
+ scopeType: "view",
+ },
+ },
items: [
{
schema: "schema",
data: "data",
- characteristics: { trackingLabel: "trackingLabel" },
+ characteristics: {
+ trackingLabel: "trackingLabel",
+ },
},
],
});
-
expect(proposition.getScope()).toEqual("scope");
expect(proposition.getScopeType()).toEqual("view");
const item = proposition.getItems()[0];
@@ -57,22 +60,26 @@ describe("injectCreateProposition", () => {
expect(item.getOriginalItem()).toEqual({
schema: "schema",
data: "data",
- characteristics: { trackingLabel: "trackingLabel" },
+ characteristics: {
+ trackingLabel: "trackingLabel",
+ },
});
expect(proposition.getNotification()).toEqual({
id: "id",
scope: "scope",
- scopeDetails: { characteristics: { scopeType: "view" } },
+ scopeDetails: {
+ characteristics: {
+ scopeType: "view",
+ },
+ },
});
});
-
it("creates a page wide surface proposition", () => {
const proposition = createProposition({
scope: "__surface__",
});
expect(proposition.getScopeType()).toEqual("page");
});
-
it("creates a page wide scope proposition", () => {
const proposition = createProposition({
scope: "__view__",
diff --git a/test/unit/specs/components/Personalization/handlers/processDefaultContent.spec.js b/test/unit/specs/components/Personalization/handlers/processDefaultContent.spec.js
index 99aa61302..5f506352f 100644
--- a/test/unit/specs/components/Personalization/handlers/processDefaultContent.spec.js
+++ b/test/unit/specs/components/Personalization/handlers/processDefaultContent.spec.js
@@ -9,13 +9,14 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { describe, it, expect } from "vitest";
import processDefaultContent from "../../../../../../src/components/Personalization/handlers/processDefaultContent.js";
describe("processDefaultContent", () => {
it("always renders the default content", () => {
const result = processDefaultContent();
expect(result).toEqual({
- render: jasmine.any(Function),
+ render: expect.any(Function),
setRenderAttempted: true,
includeInNotification: true,
});
diff --git a/test/unit/specs/components/Personalization/in-app-message-actions/actions/displayIframeContent.spec.js b/test/unit/specs/components/Personalization/in-app-message-actions/actions/displayIframeContent.spec.js
index 3fc871fe7..9adb2ccd4 100644
--- a/test/unit/specs/components/Personalization/in-app-message-actions/actions/displayIframeContent.spec.js
+++ b/test/unit/specs/components/Personalization/in-app-message-actions/actions/displayIframeContent.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { vi, beforeEach, afterEach, describe, it, expect } from "vitest";
import {
buildStyleFromMobileParameters,
createIframe,
@@ -26,7 +27,6 @@ describe("DOM Actions on Iframe", () => {
cleanUpDomChanges("alloy-overlay-container");
cleanUpDomChanges("alloy-content-iframe");
});
-
afterEach(() => {
cleanUpDomChanges("alloy-messaging-container");
cleanUpDomChanges("alloy-overlay-container");
@@ -56,19 +56,16 @@ describe("DOM Actions on Iframe", () => {
expect(style.height).toBe("60vh");
});
});
-
describe("createIframe function", () => {
it("should create an iframe element with specified properties", () => {
const mockHtmlContent =
'\u003c!doctype html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n \u003ctitle\u003eBumper Sale!\u003c/title\u003e\\n \u003cstyle\u003e\\n body {\\n margin: 0;\\n padding: 0;\\n font-family: Arial, sans-serif;\\n }\\n\\n #announcement {\\n position: fixed;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 100%;\\n background-color: rgba(0, 0, 0, 0.8);\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n justify-content: center;\\n color: #fff;\\n }\\n\\n #announcement img {\\n max-width: 80%;\\n height: auto;\\n margin-bottom: 20px;\\n }\\n\\n #cross {\\n position: absolute;\\n top: 10px;\\n right: 10px;\\n cursor: pointer;\\n font-size: 24px;\\n color: #fff;\\n }\\n\\n #buttons {\\n display: flex;\\n justify-content: center;\\n margin-top: 20px;\\n }\\n\\n #buttons a {\\n margin: 0 10px;\\n padding: 10px 20px;\\n background-color: #ff5500;\\n color: #fff;\\n text-decoration: none;\\n border-radius: 4px;\\n font-weight: bold;\\n transition: background-color 0.3s ease;\\n }\\n\\n #buttons a:hover {\\n background-color: #ff3300;\\n }\\n \u003c/style\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n\u003cdiv id\u003d"announcement" class\u003d"fullscreen"\u003e\\n \u003cspan id\u003d"cross" class\u003d"dismiss"\u003e✕\u003c/span\u003e\\n \u003ch2\u003eBlack Friday Sale!\u003c/h2\u003e\\n \u003cimg src\u003d"https://source.unsplash.com/800x600/?technology,gadget" alt\u003d"Technology Image"\u003e\\n \u003cp\u003eDon\u0027t miss out on our incredible discounts and deals at our gadgets!\u003c/p\u003e\\n \u003cdiv id\u003d"buttons"\u003e\\n \u003ca class\u003d"forward" href\u003d"http://localhost:3000/"\u003eShop\u003c/a\u003e\\n \u003ca class\u003d"dismiss"\u003eDismiss\u003c/a\u003e\\n \u003c/div\u003e\\n\u003c/div\u003e\\n\\n\u003c/body\u003e\u003c/html\u003e\\n';
- const mockClickHandler = jasmine.createSpy("clickHandler");
-
+ const mockClickHandler = vi.fn();
const iframe = createIframe(mockHtmlContent, mockClickHandler);
expect(iframe).toBeDefined();
expect(iframe instanceof HTMLIFrameElement).toBe(true);
expect(iframe.src).toContain("blob:");
});
-
it("should set 'nonce' attribute on script tag if it exists", async () => {
const mockHtmlContentWithScript =
"\n" +
@@ -103,41 +100,32 @@ describe("DOM Actions on Iframe", () => {
"\n" +
"
Hola!
Hello
",
- meta: { a: 1 },
+ meta: {
+ a: 1,
+ },
};
-
await customCode(settings, decorateProposition);
expect(element.innerHTML).toMatch(
/Hola!<\/p>
Hello<\/div>/,
diff --git a/test/unit/specs/components/Personalization/dom-actions/dom/createFragment.spec.js b/test/unit/specs/components/Personalization/dom-actions/dom/createFragment.spec.js
index 2e76dd568..d2ecaccbe 100644
--- a/test/unit/specs/components/Personalization/dom-actions/dom/createFragment.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/dom/createFragment.spec.js
@@ -10,12 +10,12 @@ OF ANY KIND, either express or implied. See the License for the specific languag
governing permissions and limitations under the License.
*/
+import { describe, it, expect } from "vitest";
import createFragment from "../../../../../../../src/components/Personalization/dom-actions/dom/createFragment.js";
describe("Personalization::helper", () => {
it("createFragmentTest", () => {
const result = createFragment(`
`;
const node = createNode(
"DIV",
- { id: "abc", class: "eq" },
+ {
+ id: "abc",
+ class: "eq",
+ },
{
innerHTML: content,
},
);
-
appendNode(document.body, node);
-
const selector = "#abc:eq(0) > div.b:eq(0) > div.c:eq(0)";
const element = document.getElementById("one");
const result = matchesSelectorWithEq(selector, element);
-
expect(result).toEqual(true);
});
-
it("should match when eq and multiple elements", () => {
const content = `
`;
-
const node = createNode(
"DIV",
- { id: "abc", class: "eq" },
- { innerHTML: content },
+ {
+ id: "abc",
+ class: "eq",
+ },
+ {
+ innerHTML: content,
+ },
);
-
appendNode(document.body, node);
-
const selector = "#abc:eq(0) > div.b:eq(0) > div.c";
const one = document.getElementById("one");
const two = document.getElementById("two");
const three = document.getElementById("three");
-
expect(matchesSelectorWithEq(selector, one)).toEqual(true);
expect(matchesSelectorWithEq(selector, two)).toEqual(true);
expect(matchesSelectorWithEq(selector, three)).toEqual(true);
diff --git a/test/unit/specs/components/Personalization/dom-actions/dom/removeAttribute.spec.js b/test/unit/specs/components/Personalization/dom-actions/dom/removeAttribute.spec.js
index f895a417c..d39bd75a1 100644
--- a/test/unit/specs/components/Personalization/dom-actions/dom/removeAttribute.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/dom/removeAttribute.spec.js
@@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
governing permissions and limitations under the License.
*/
+import { afterEach, describe, it, expect } from "vitest";
import removeAttribute from "../../../../../../../src/components/Personalization/dom-actions/dom/removeAttribute.js";
import {
createNode,
@@ -25,17 +26,15 @@ describe("Personalization::DOM::removeAttribute", () => {
afterEach(() => {
selectNodes("#fooId").forEach(removeNode);
});
-
it("should remove the element's attribute", () => {
- const element = createNode("div", { id: "fooId" });
+ const element = createNode("div", {
+ id: "fooId",
+ });
setAttribute(element, "data-foo", "dummyValue");
-
const attr = getAttribute(element, "data-foo");
expect(attr).toEqual("dummyValue");
-
removeAttribute(element, "data-foo");
const removedAttr = getAttribute(element, "data-foo");
-
expect(removedAttr).toBeNull();
});
});
diff --git a/test/unit/specs/components/Personalization/dom-actions/dom/selectNodesWithEq.spec.js b/test/unit/specs/components/Personalization/dom-actions/dom/selectNodesWithEq.spec.js
index 0839a6f6f..48afcd9ac 100644
--- a/test/unit/specs/components/Personalization/dom-actions/dom/selectNodesWithEq.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/dom/selectNodesWithEq.spec.js
@@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
governing permissions and limitations under the License.
*/
+import { afterEach, describe, it, expect } from "vitest";
import {
createNode,
appendNode,
@@ -25,66 +26,69 @@ import {
describe("Personalization::DOM::escapeIdentifiersInSelector", () => {
it("should escape when digits only for ID selector", () => {
const result = escapeIdentifiersInSelector("#123 > #foo div.345");
-
expect(result).toEqual("#\\31 23 > #foo div.\\33 45");
expect(document.querySelector(result)).toEqual(null);
});
-
it("should escape when digits only for class selector", () => {
const result = escapeIdentifiersInSelector(".123");
-
expect(result).toEqual(".\\31 23");
expect(document.querySelector(result)).toEqual(null);
});
-
it("should escape when hyphen and digits ID selector", () => {
const result = escapeIdentifiersInSelector("#-123");
-
expect(result).toEqual("#-\\31 23");
expect(document.querySelector(result)).toEqual(null);
});
-
it("should escape when hyphen and digits class selector", () => {
const result = escapeIdentifiersInSelector(".-123");
-
expect(result).toEqual(".-\\31 23");
expect(document.querySelector(result)).toEqual(null);
});
});
-
describe("Personalization::DOM::parseSelector", () => {
it("should parse selector when no eq", () => {
const result = parseSelector("#test");
-
- expect(result[0]).toEqual({ sel: "#test" });
+ expect(result[0]).toEqual({
+ sel: "#test",
+ });
});
-
it("should parse selector when eq", () => {
const result = parseSelector(
"HTML > BODY > DIV.wrapper:eq(0) > HEADER.header:eq(0) > DIV.pagehead:eq(0) > P:nth-of-type(1)",
);
-
- expect(result[0]).toEqual({ sel: "HTML > BODY > DIV.wrapper", eq: 0 });
- expect(result[1]).toEqual({ sel: " > HEADER.header", eq: 0 });
- expect(result[2]).toEqual({ sel: " > DIV.pagehead", eq: 0 });
- expect(result[3]).toEqual({ sel: " > P:nth-of-type(1)" });
+ expect(result[0]).toEqual({
+ sel: "HTML > BODY > DIV.wrapper",
+ eq: 0,
+ });
+ expect(result[1]).toEqual({
+ sel: " > HEADER.header",
+ eq: 0,
+ });
+ expect(result[2]).toEqual({
+ sel: " > DIV.pagehead",
+ eq: 0,
+ });
+ expect(result[3]).toEqual({
+ sel: " > P:nth-of-type(1)",
+ });
});
});
-
describe("Personalization::DOM::selectNodesWithEq", () => {
afterEach(() => {
selectNodes(".eq").forEach(removeNode);
});
-
it("should select when no eq", () => {
- appendNode(document.body, createNode("DIV", { id: "noEq", class: "eq" }));
-
+ appendNode(
+ document.body,
+ createNode("DIV", {
+ id: "noEq",
+ class: "eq",
+ }),
+ );
const result = selectNodesWithEq("#noEq");
-
expect(result[0].tagName).toEqual("DIV");
expect(result[0].id).toEqual("noEq");
});
-
it("should select when eq and just one element", () => {
const content = `
`;
-
appendNode(
document.body,
- createNode("DIV", { id: "abc", class: "eq" }, { innerHTML: content }),
+ createNode(
+ "DIV",
+ {
+ id: "abc",
+ class: "eq",
+ },
+ {
+ innerHTML: content,
+ },
+ ),
);
// NOTE: eq has zero based index, while nth-child index starts at 1
const resultWithEq = selectNodesWithEq("#abc > div p:eq(0)");
const resultWitNthChild = selectNodesWithEq("#abc > div :nth-child(1)");
-
expect(resultWithEq.length).toEqual(1);
expect(resultWitNthChild.length).toEqual(2);
});
it("should show throw errors", () => {
- appendNode(document.body, createNode("DIV", { id: "abc", class: "eq" }));
+ appendNode(
+ document.body,
+ createNode("DIV", {
+ id: "abc",
+ class: "eq",
+ }),
+ );
const selectors = [
"#abc:eq(bad)",
diff --git a/test/unit/specs/components/Personalization/dom-actions/dom/setAttribute.spec.js b/test/unit/specs/components/Personalization/dom-actions/dom/setAttribute.spec.js
index c6130675a..9659540fd 100644
--- a/test/unit/specs/components/Personalization/dom-actions/dom/setAttribute.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/dom/setAttribute.spec.js
@@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
governing permissions and limitations under the License.
*/
+import { afterEach, describe, it, expect } from "vitest";
import setAttribute from "../../../../../../../src/components/Personalization/dom-actions/dom/setAttribute.js";
import {
createNode,
@@ -22,13 +23,12 @@ describe("Personalization::DOM::setAttribute", () => {
afterEach(() => {
selectNodes("#fooId").forEach(removeNode);
});
-
it("should set the attribute for the element", () => {
- const element = createNode("div", { id: "fooId" });
+ const element = createNode("div", {
+ id: "fooId",
+ });
setAttribute(element, "foo-data", "dummyValue");
-
const attr = getAttribute(element, "foo-data");
-
expect(attr).toEqual("dummyValue");
});
});
diff --git a/test/unit/specs/components/Personalization/dom-actions/dom/setStyle.spec.js b/test/unit/specs/components/Personalization/dom-actions/dom/setStyle.spec.js
index 5a352eda7..ab7b416e5 100644
--- a/test/unit/specs/components/Personalization/dom-actions/dom/setStyle.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/dom/setStyle.spec.js
@@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
governing permissions and limitations under the License.
*/
+import { afterEach, describe, it, expect } from "vitest";
import setStyle from "../../../../../../../src/components/Personalization/dom-actions/dom/setStyle.js";
import {
selectNodes,
@@ -22,22 +23,20 @@ describe("Personalization::DOM::setStyle", () => {
afterEach(() => {
selectNodes("#fooDivId").forEach(removeNode);
});
-
it("sets style with priority to the element", () => {
- const element = createNode("div", { id: "fooDivId" });
+ const element = createNode("div", {
+ id: "fooDivId",
+ });
setStyle(element, "padding", "15px", "important");
-
const style = getAttribute(element, "style");
-
expect(style).toEqual("padding: 15px !important;");
});
-
it("sets style to the element, without priority", () => {
- const element = createNode("div", { id: "fooDivId" });
+ const element = createNode("div", {
+ id: "fooDivId",
+ });
setStyle(element, "padding", "15px");
-
const style = getAttribute(element, "style");
-
expect(style).toEqual("padding: 15px;");
});
});
diff --git a/test/unit/specs/components/Personalization/dom-actions/dom/util.spec.js b/test/unit/specs/components/Personalization/dom-actions/dom/util.spec.js
index 35ed66f8e..84d7ca73b 100644
--- a/test/unit/specs/components/Personalization/dom-actions/dom/util.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/dom/util.spec.js
@@ -10,20 +10,18 @@ OF ANY KIND, either express or implied. See the License for the specific languag
governing permissions and limitations under the License.
*/
+import { describe, it, expect } from "vitest";
import { addPxIfMissing } from "../../../../../../../src/components/Personalization/dom-actions/dom/util.js";
describe("Personalization::DOM::util", () => {
it("appends 'px' string if missing", () => {
const value = "400";
const result = addPxIfMissing(value);
-
expect(result).toEqual("400px");
});
-
it("does not append 'px' string if already present", () => {
const value = "400px";
const result = addPxIfMissing(value);
-
expect(result).toEqual("400px");
});
});
diff --git a/test/unit/specs/components/Personalization/dom-actions/images.spec.js b/test/unit/specs/components/Personalization/dom-actions/images.spec.js
index 72ee289ac..62fc11ce8 100644
--- a/test/unit/specs/components/Personalization/dom-actions/images.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/images.spec.js
@@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
governing permissions and limitations under the License.
*/
+import { beforeEach, afterEach, describe, it, expect } from "vitest";
import cleanUpDomChanges from "../../../../helpers/cleanUpDomChanges.js";
import {
createFragment,
@@ -26,24 +27,21 @@ describe("Personalization::helper::images", () => {
beforeEach(() => {
cleanUpDomChanges("fooImage");
});
-
afterEach(() => {
cleanUpDomChanges("fooImage");
});
-
it("should verify if it is an image", () => {
const fragmentHTML = "foo
`);
-
expect(result.firstElementChild.id).toEqual("foo");
});
});
diff --git a/test/unit/specs/components/Personalization/dom-actions/dom/getAttribute.spec.js b/test/unit/specs/components/Personalization/dom-actions/dom/getAttribute.spec.js
index d7f63cd25..8eefe945d 100644
--- a/test/unit/specs/components/Personalization/dom-actions/dom/getAttribute.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/dom/getAttribute.spec.js
@@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
governing permissions and limitations under the License.
*/
+import { describe, it, expect } from "vitest";
import getAttribute from "../../../../../../../src/components/Personalization/dom-actions/dom/getAttribute.js";
import createFragment from "../../../../../../../src/components/Personalization/dom-actions/dom/createFragment.js";
@@ -18,15 +19,12 @@ describe("Personalization::helper::dom::getAttribute", () => {
const element = createFragment(`foo
`);
const name = "id";
const result = getAttribute(element.firstElementChild, name);
-
expect(result).toEqual("foo");
});
-
it("returns null if element doesn't have this attribute", () => {
const element = createFragment(`foo
`);
const name = "title";
const result = getAttribute(element.firstElementChild, name);
-
expect(result).toBeNull();
});
});
diff --git a/test/unit/specs/components/Personalization/dom-actions/dom/getChildNodes.spec.js b/test/unit/specs/components/Personalization/dom-actions/dom/getChildNodes.spec.js
index 9ec5e87fb..222bf6f4e 100644
--- a/test/unit/specs/components/Personalization/dom-actions/dom/getChildNodes.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/dom/getChildNodes.spec.js
@@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
governing permissions and limitations under the License.
*/
+import { describe, it, expect } from "vitest";
import getChildNodes from "../../../../../../../src/components/Personalization/dom-actions/dom/getChildNodes.js";
import createFragment from "../../../../../../../src/components/Personalization/dom-actions/dom/createFragment.js";
@@ -19,7 +20,6 @@ describe("Personalization::helper::dom::getChildNodes", () => {
`foo
hello there
`, ); const result = getChildNodes(element); - expect(result.length).toEqual(3); expect(result[0].tagName).toEqual("DIV"); expect(result[1].tagName).toEqual("H1"); @@ -29,7 +29,6 @@ describe("Personalization::helper::dom::getChildNodes", () => { it("returns undefined when there are no children", () => { const element = createFragment(); const result = getChildNodes(element); - expect(result.length).toEqual(1); expect(result[0].tagName).toBeUndefined(); }); diff --git a/test/unit/specs/components/Personalization/dom-actions/dom/getChildren.spec.js b/test/unit/specs/components/Personalization/dom-actions/dom/getChildren.spec.js index 4f8c62841..1db630a4d 100644 --- a/test/unit/specs/components/Personalization/dom-actions/dom/getChildren.spec.js +++ b/test/unit/specs/components/Personalization/dom-actions/dom/getChildren.spec.js @@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag governing permissions and limitations under the License. */ +import { describe, it, expect } from "vitest"; import getChildren from "../../../../../../../src/components/Personalization/dom-actions/dom/getChildren.js"; import createFragment from "../../../../../../../src/components/Personalization/dom-actions/dom/createFragment.js"; @@ -19,16 +20,13 @@ describe("Personalization::helper::dom::getChildren", () => { `foo
hello there
`, ); const result = getChildren(element); - expect(result.length).toEqual(2); expect(result[0].tagName).toEqual("DIV"); expect(result[1].tagName).toEqual("H1"); }); - it("returns empty array if there are not children", () => { const element = createFragment(); const result = getChildren(element); - expect(result.length).toEqual(0); }); }); diff --git a/test/unit/specs/components/Personalization/dom-actions/dom/getElementById.spec.js b/test/unit/specs/components/Personalization/dom-actions/dom/getElementById.spec.js index 79fce87d2..5f7bf39ba 100644 --- a/test/unit/specs/components/Personalization/dom-actions/dom/getElementById.spec.js +++ b/test/unit/specs/components/Personalization/dom-actions/dom/getElementById.spec.js @@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag governing permissions and limitations under the License. */ +import { afterEach, describe, it, expect } from "vitest"; import { selectNodes, removeNode, @@ -22,13 +23,15 @@ describe("Personalization::DOM::getElementById", () => { afterEach(() => { selectNodes("#fooById").forEach(removeNode); }); - it("should return the node if exists", () => { - appendNode(document.head, createNode("style", { id: "fooById" })); - + appendNode( + document.head, + createNode("style", { + id: "fooById", + }), + ); expect(getElementById("fooById")).not.toBeNull(); }); - it("should return array when nodes are NOT present", () => { expect(getElementById("fooById")).toBeNull(); }); diff --git a/test/unit/specs/components/Personalization/dom-actions/dom/getFirstChild.spec.js b/test/unit/specs/components/Personalization/dom-actions/dom/getFirstChild.spec.js index f8ff3c270..200b31d79 100644 --- a/test/unit/specs/components/Personalization/dom-actions/dom/getFirstChild.spec.js +++ b/test/unit/specs/components/Personalization/dom-actions/dom/getFirstChild.spec.js @@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag governing permissions and limitations under the License. */ +import { describe, it, expect } from "vitest"; import getFirstChild from "../../../../../../../src/components/Personalization/dom-actions/dom/getFirstChild.js"; import createFragment from "../../../../../../../src/components/Personalization/dom-actions/dom/createFragment.js"; @@ -19,14 +20,11 @@ describe("Personalization::helper::dom::getFirstChild", () => { `hello there
foo
`,
);
const result = getFirstChild(element);
-
expect(result.tagName).toEqual("H1");
});
-
it("returns null if there are no child elements", () => {
const element = createFragment();
const result = getFirstChild(element);
-
expect(result).toBeNull();
});
});
diff --git a/test/unit/specs/components/Personalization/dom-actions/dom/getNextSibling.spec.js b/test/unit/specs/components/Personalization/dom-actions/dom/getNextSibling.spec.js
index 307a7bd02..38a933066 100644
--- a/test/unit/specs/components/Personalization/dom-actions/dom/getNextSibling.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/dom/getNextSibling.spec.js
@@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
governing permissions and limitations under the License.
*/
+import { describe, it, expect } from "vitest";
import getNextSibling from "../../../../../../../src/components/Personalization/dom-actions/dom/getNextSibling.js";
import createFragment from "../../../../../../../src/components/Personalization/dom-actions/dom/createFragment.js";
import getFirstChild from "../../../../../../../src/components/Personalization/dom-actions/dom/getFirstChild.js";
@@ -21,15 +22,12 @@ describe("Personalization::helper::dom::getNextSibling", () => {
);
const firstElement = getFirstChild(element);
const nextSibling = getNextSibling(firstElement);
-
expect(nextSibling.tagName).toEqual("H1");
});
-
it("returns null if the element doesn't have a sibling node", () => {
const element = createFragment(`foo
`);
const firstElement = getFirstChild(element);
const nextSibling = getNextSibling(firstElement);
-
expect(nextSibling).toBeNull();
});
});
diff --git a/test/unit/specs/components/Personalization/dom-actions/dom/getNonce.spec.js b/test/unit/specs/components/Personalization/dom-actions/dom/getNonce.spec.js
index d47c991ce..0fb947a33 100644
--- a/test/unit/specs/components/Personalization/dom-actions/dom/getNonce.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/dom/getNonce.spec.js
@@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
governing permissions and limitations under the License.
*/
+import { afterEach, describe, it, expect } from "vitest";
import { testResetCachedNonce } from "../../../../../../../src/components/Personalization/dom-actions/dom/getNonce.js";
import {
selectNodes,
@@ -23,12 +24,14 @@ describe("Personalization::DOM::getNonce", () => {
afterEach(() => {
selectNodes("#fooById").forEach(removeNode);
});
-
it("should return the nonce if defined", () => {
testResetCachedNonce();
appendNode(
document.head,
- createNode("script", { id: "fooById", nonce: "123" }),
+ createNode("script", {
+ id: "fooById",
+ nonce: "123",
+ }),
);
expect(getNonce()).toEqual("123");
});
diff --git a/test/unit/specs/components/Personalization/dom-actions/dom/getParent.spec.js b/test/unit/specs/components/Personalization/dom-actions/dom/getParent.spec.js
index 41f64f9aa..61d15b720 100644
--- a/test/unit/specs/components/Personalization/dom-actions/dom/getParent.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/dom/getParent.spec.js
@@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
governing permissions and limitations under the License.
*/
+import { afterEach, describe, it, expect } from "vitest";
import getParent from "../../../../../../../src/components/Personalization/dom-actions/dom/getParent.js";
import {
selectNodes,
@@ -24,16 +25,16 @@ describe("Personalization::DOM::getParent", () => {
selectNodes("#parentId").forEach(removeNode);
selectNodes("#childId").forEach(removeNode);
});
-
it("returns the parent node if exists", () => {
- const parentNode = createNode("div", { id: "parentId" });
- const childNode = createNode("div", { id: "childId" });
-
+ const parentNode = createNode("div", {
+ id: "parentId",
+ });
+ const childNode = createNode("div", {
+ id: "childId",
+ });
appendNode(parentNode, childNode);
appendNode(document.head, parentNode);
-
const result = getParent(getElementById("childId"));
-
expect(result.tagName).toEqual("DIV");
expect(result.id).toEqual("parentId");
});
diff --git a/test/unit/specs/components/Personalization/dom-actions/dom/helperForEq.spec.js b/test/unit/specs/components/Personalization/dom-actions/dom/helperForEq.spec.js
index 6147c03e3..686eac8ef 100644
--- a/test/unit/specs/components/Personalization/dom-actions/dom/helperForEq.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/dom/helperForEq.spec.js
@@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
governing permissions and limitations under the License.
*/
+import { describe, it, expect } from "vitest";
import {
isNotEqSelector,
splitWithEq,
@@ -18,27 +19,20 @@ import {
describe("Personalization::DOM::helperForEq::isNotEqSelector", () => {
it("should match when no eq", () => {
const selector = "#id";
-
expect(isNotEqSelector(selector)).toEqual(true);
});
-
it("should not match when eq", () => {
const selector = "#id:eq(0)";
-
expect(isNotEqSelector(selector)).toEqual(false);
});
});
-
describe("Personalization::DOM::helperForEq::splitWithEq", () => {
it("should split when no eq", () => {
const selector = "#id";
-
expect(splitWithEq(selector)).toEqual(["#id"]);
});
-
it("should split when eq", () => {
const selector = "#id:eq(0)";
-
expect(splitWithEq(selector)).toEqual(["#id", "0"]);
});
});
diff --git a/test/unit/specs/components/Personalization/dom-actions/dom/insertAfter.spec.js b/test/unit/specs/components/Personalization/dom-actions/dom/insertAfter.spec.js
index e7a89fc37..16dee8692 100644
--- a/test/unit/specs/components/Personalization/dom-actions/dom/insertAfter.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/dom/insertAfter.spec.js
@@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
governing permissions and limitations under the License.
*/
+import { afterEach, describe, it, expect } from "vitest";
import insertAfter from "../../../../../../../src/components/Personalization/dom-actions/dom/insertAfter.js";
import {
selectNodes,
@@ -27,16 +28,17 @@ describe("Personalization::DOM::insertAfter", () => {
selectNodes("#style1").forEach(removeNode);
selectNodes("#style2").forEach(removeNode);
});
-
it("inserts a node after an element", () => {
- const element1 = createNode("style", { id: "style1" });
- const element2 = createNode("style", { id: "style2" });
+ const element1 = createNode("style", {
+ id: "style1",
+ });
+ const element2 = createNode("style", {
+ id: "style2",
+ });
appendNode(document.head, element1);
insertAfter(element1, element2);
-
const node1 = getElementById("style1");
const node2 = getNextSibling(node1);
-
expect(node2.id).toEqual("style2");
});
});
diff --git a/test/unit/specs/components/Personalization/dom-actions/dom/insertBefore.spec.js b/test/unit/specs/components/Personalization/dom-actions/dom/insertBefore.spec.js
deleted file mode 100644
index d855f7fdf..000000000
--- a/test/unit/specs/components/Personalization/dom-actions/dom/insertBefore.spec.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/*
-Copyright 2019 Adobe. All rights reserved.
-This file is licensed to you under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License. You may obtain a copy
-of the License at http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software distributed under
-the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
-OF ANY KIND, either express or implied. See the License for the specific language
-governing permissions and limitations under the License.
-*/
-
-// eslint-disable-next-line no-unused-vars
-import insertBefore from "../../../../../../../src/components/Personalization/dom-actions/dom/insertBefore.js";
diff --git a/test/unit/specs/components/Personalization/dom-actions/dom/isDomElement.spec.js b/test/unit/specs/components/Personalization/dom-actions/dom/isDomElement.spec.js
index 24d1b08fa..23bff3ef1 100644
--- a/test/unit/specs/components/Personalization/dom-actions/dom/isDomElement.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/dom/isDomElement.spec.js
@@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
governing permissions and limitations under the License.
*/
+import { beforeEach, afterEach, describe, it, expect } from "vitest";
import {
appendNode,
createNode,
@@ -19,7 +20,6 @@ import isDomElement from "../../../../../../../src/components/Personalization/do
describe("Personalization::DOM::isDomElement", () => {
const testElementId = "superfluous123";
-
beforeEach(() => {
const element = createNode("div", {
id: testElementId,
@@ -28,15 +28,12 @@ describe("Personalization::DOM::isDomElement", () => {
element.innerHTML = "test element";
appendNode(document.body, element);
});
-
afterEach(() => {
cleanUpDomChanges(testElementId);
});
-
it("validates dom element", () => {
- expect(isDomElement(document.getElementById(testElementId))).toBeTrue();
+ expect(isDomElement(document.getElementById(testElementId))).toBe(true);
});
-
it("validates not a dom element", () => {
expect(isDomElement({}).toBeFalse);
expect(isDomElement([]).toBeFalse);
diff --git a/test/unit/specs/components/Personalization/dom-actions/dom/matchesSelectorWithEq.spec.js b/test/unit/specs/components/Personalization/dom-actions/dom/matchesSelectorWithEq.spec.js
index f55ad1a5a..19ece12c8 100644
--- a/test/unit/specs/components/Personalization/dom-actions/dom/matchesSelectorWithEq.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/dom/matchesSelectorWithEq.spec.js
@@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
governing permissions and limitations under the License.
*/
+import { afterEach, describe, it, expect } from "vitest";
import {
createNode,
appendNode,
@@ -22,70 +23,68 @@ describe("Personalization::DOM::matchesSelectorWithEq", () => {
afterEach(() => {
selectNodes(".eq").forEach(removeNode);
});
-
it("should match when no eq", () => {
- const node = createNode("DIV", { id: "noEq", class: "eq" });
-
+ const node = createNode("DIV", {
+ id: "noEq",
+ class: "eq",
+ });
appendNode(document.body, node);
-
const selector = "#noEq";
const element = document.getElementById("noEq");
const result = matchesSelectorWithEq(selector, element);
-
expect(result).toEqual(true);
});
-
it("should match when eq and just one element", () => {
const content = `
first
second
-
+
third
first
second
-
+
third
@@ -95,18 +99,23 @@ describe("Personalization::DOM::selectNodesWithEq", () => {
`;
-
appendNode(
document.body,
- createNode("DIV", { id: "abc", class: "eq" }, { innerHTML: content }),
+ createNode(
+ "DIV",
+ {
+ id: "abc",
+ class: "eq",
+ },
+ {
+ innerHTML: content,
+ },
+ ),
);
-
const result = selectNodesWithEq("#abc:eq(0) > div.b:eq(0) > div.c:eq(0)");
-
expect(result[0].tagName).toEqual("DIV");
expect(result[0].textContent).toEqual("first");
});
-
it("should select when eq and multiple elements", () => {
const content = `
third
@@ -117,14 +126,20 @@ describe("Personalization::DOM::selectNodesWithEq", () => {
`;
-
appendNode(
document.body,
- createNode("DIV", { id: "abc", class: "eq" }, { innerHTML: content }),
+ createNode(
+ "DIV",
+ {
+ id: "abc",
+ class: "eq",
+ },
+ {
+ innerHTML: content,
+ },
+ ),
);
-
const result = selectNodesWithEq("#abc:eq(0) > div.b:eq(0) > div.c");
-
expect(result[0].tagName).toEqual("DIV");
expect(result[0].textContent).toEqual("first");
expect(result[1].tagName).toEqual("DIV");
@@ -134,18 +149,26 @@ describe("Personalization::DOM::selectNodesWithEq", () => {
});
it("should select when eq and no elements", () => {
- appendNode(document.body, createNode("DIV", { id: "abc", class: "eq" }));
-
+ appendNode(
+ document.body,
+ createNode("DIV", {
+ id: "abc",
+ class: "eq",
+ }),
+ );
const result = selectNodesWithEq("#abc:eq(0) > div.foo");
-
expect(result.length).toEqual(0);
});
it("should select when eq and eq greater than number of nodes", () => {
- appendNode(document.body, createNode("DIV", { id: "abc", class: "eq" }));
-
+ appendNode(
+ document.body,
+ createNode("DIV", {
+ id: "abc",
+ class: "eq",
+ }),
+ );
const result = selectNodesWithEq("#abc:eq(1)");
-
expect(result.length).toEqual(0);
});
@@ -158,22 +181,35 @@ describe("Personalization::DOM::selectNodesWithEq", () => {
third
second
BBB
CCC
`,
- meta: { a: 1 },
+ meta: {
+ a: 1,
+ },
};
-
return insertAfter(settings, decorateProposition).then(() => {
const result = selectNodes("div#insertAfter .ia");
-
expect(result[0].innerHTML).toEqual("AAA");
expect(result[1].innerHTML).toEqual("BBB");
expect(result[2].innerHTML).toEqual("CCC");
-
expect(getAttribute(result[1], CLICK_LABEL_DATA_ATTRIBUTE)).toEqual(
"trackingLabel",
);
diff --git a/test/unit/specs/components/Personalization/dom-actions/insertHtmlBefore.spec.js b/test/unit/specs/components/Personalization/dom-actions/insertHtmlBefore.spec.js
index 78421706b..2fbd245dd 100644
--- a/test/unit/specs/components/Personalization/dom-actions/insertHtmlBefore.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/insertHtmlBefore.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { beforeEach, afterEach, describe, it, expect } from "vitest";
import {
appendNode,
createNode,
@@ -26,42 +27,49 @@ import { DOM_ACTION_INSERT_BEFORE } from "../../../../../../src/components/Perso
describe("Personalization::actions::insertBefore", () => {
let decorateProposition;
-
beforeEach(() => {
cleanUpDomChanges("insertBefore");
decorateProposition = createDecoratePropositionForTest({
type: DOM_ACTION_INSERT_BEFORE,
});
});
-
afterEach(() => {
cleanUpDomChanges("insertBefore");
});
-
it("should insert before personalized content", () => {
const modules = initDomActionsModules();
const { insertBefore } = modules;
const child = createNode(
"div",
- { id: "a", class: "ib" },
- { innerHTML: "AAA" },
+ {
+ id: "a",
+ class: "ib",
+ },
+ {
+ innerHTML: "AAA",
+ },
+ );
+ const element = createNode(
+ "div",
+ {
+ id: "insertBefore",
+ },
+ {},
+ [child],
);
- const element = createNode("div", { id: "insertBefore" }, {}, [child]);
-
appendNode(document.body, element);
-
const settings = {
selector: "#a",
prehidingSelector: "#a",
content: `BBB
`,
- meta: { a: 1 },
+ meta: {
+ a: 1,
+ },
};
-
return insertBefore(settings, decorateProposition).then(() => {
const [insertedElement, existingElement] = selectNodes(
"div#insertBefore .ib",
);
-
expect(insertedElement.innerHTML).toEqual("BBB");
expect(getAttribute(insertedElement, CLICK_LABEL_DATA_ATTRIBUTE)).toEqual(
"trackingLabel",
@@ -69,7 +77,6 @@ describe("Personalization::actions::insertBefore", () => {
expect(
getAttribute(insertedElement, INTERACT_ID_DATA_ATTRIBUTE),
).not.toBeNull();
-
expect(existingElement.innerHTML).toEqual("AAA");
expect(
getAttribute(existingElement, INTERACT_ID_DATA_ATTRIBUTE),
diff --git a/test/unit/specs/components/Personalization/dom-actions/move.spec.js b/test/unit/specs/components/Personalization/dom-actions/move.spec.js
index 7547427c0..0bc901b6c 100644
--- a/test/unit/specs/components/Personalization/dom-actions/move.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/move.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { beforeEach, afterEach, describe, it, expect } from "vitest";
import {
appendNode,
createNode,
@@ -25,61 +26,63 @@ import { DOM_ACTION_MOVE } from "../../../../../../src/components/Personalizatio
describe("Personalization::actions::move", () => {
let decorateProposition;
-
beforeEach(() => {
cleanUpDomChanges("move");
decorateProposition = createDecoratePropositionForTest({
type: DOM_ACTION_MOVE,
});
});
-
afterEach(() => {
cleanUpDomChanges("move");
});
-
it("should move personalized content", () => {
const modules = initDomActionsModules();
const { move } = modules;
- const element = createNode("div", { id: "move" });
-
+ const element = createNode("div", {
+ id: "move",
+ });
appendNode(document.body, element);
-
const settings = {
selector: "#move",
prehidingSelector: "#move",
- content: { left: "100px", top: "100px" },
- meta: { a: 1 },
+ content: {
+ left: "100px",
+ top: "100px",
+ },
+ meta: {
+ a: 1,
+ },
};
-
move(settings, decorateProposition).then(() => {
expect(element.style.left).toEqual("100px");
expect(element.style.top).toEqual("100px");
-
expect(getAttribute(element, CLICK_LABEL_DATA_ATTRIBUTE)).toEqual(
"trackingLabel",
);
expect(getAttribute(element, INTERACT_ID_DATA_ATTRIBUTE)).not.toBeNull();
});
});
-
it("should move personalized content even if coordinates are not properly formatted", () => {
const modules = initDomActionsModules();
const { move } = modules;
- const element = createNode("div", { id: "move" });
-
+ const element = createNode("div", {
+ id: "move",
+ });
appendNode(document.body, element);
-
const settings = {
selector: "#move",
prehidingSelector: "#move",
- content: { left: "100", top: "100" },
- meta: { a: 1 },
+ content: {
+ left: "100",
+ top: "100",
+ },
+ meta: {
+ a: 1,
+ },
};
-
move(settings, decorateProposition).then(() => {
expect(element.style.left).toEqual("100px");
expect(element.style.top).toEqual("100px");
-
expect(getAttribute(element, CLICK_LABEL_DATA_ATTRIBUTE)).toEqual(
"trackingLabel",
);
diff --git a/test/unit/specs/components/Personalization/dom-actions/prependHtml.spec.js b/test/unit/specs/components/Personalization/dom-actions/prependHtml.spec.js
index d4ebcd260..61df8a2f0 100644
--- a/test/unit/specs/components/Personalization/dom-actions/prependHtml.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/prependHtml.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { beforeEach, afterEach, describe, it, expect } from "vitest";
import {
appendNode,
createNode,
@@ -26,40 +27,39 @@ import { DOM_ACTION_PREPEND_HTML } from "../../../../../../src/components/Person
describe("Personalization::actions::prependHtml", () => {
let decorateProposition;
-
beforeEach(() => {
cleanUpDomChanges("prependHtml");
decorateProposition = createDecoratePropositionForTest({
type: DOM_ACTION_PREPEND_HTML,
});
});
-
afterEach(() => {
cleanUpDomChanges("prependHtml");
});
-
it("should prepend personalized content", () => {
const modules = initDomActionsModules();
const { prependHtml } = modules;
const content = `BBB
`,
- meta: { a: 1 },
+ meta: {
+ a: 1,
+ },
};
-
return replaceHtml(settings, decorateProposition).then(() => {
const result = selectNodes("div#replaceHtml .rh");
-
expect(result.length).toEqual(1);
expect(result[0].innerHTML).toEqual("BBB");
-
expect(getAttribute(result[0], CLICK_LABEL_DATA_ATTRIBUTE)).toEqual(
"trackingLabel",
);
diff --git a/test/unit/specs/components/Personalization/dom-actions/resize.spec.js b/test/unit/specs/components/Personalization/dom-actions/resize.spec.js
index f212bd18b..80cf9d001 100644
--- a/test/unit/specs/components/Personalization/dom-actions/resize.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/resize.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { beforeEach, afterEach, describe, it, expect } from "vitest";
import {
appendNode,
createNode,
@@ -25,61 +26,63 @@ import { DOM_ACTION_RESIZE } from "../../../../../../src/components/Personalizat
describe("Personalization::actions::resize", () => {
let decorateProposition;
-
beforeEach(() => {
cleanUpDomChanges("resize");
decorateProposition = createDecoratePropositionForTest({
type: DOM_ACTION_RESIZE,
});
});
-
afterEach(() => {
cleanUpDomChanges("resize");
});
-
it("should resize personalized content", () => {
const modules = initDomActionsModules();
const { resize } = modules;
- const element = createNode("div", { id: "resize" });
-
+ const element = createNode("div", {
+ id: "resize",
+ });
appendNode(document.body, element);
-
const settings = {
selector: "#resize",
prehidingSelector: "#resize",
- content: { width: "100px", height: "100px" },
- meta: { a: 1 },
+ content: {
+ width: "100px",
+ height: "100px",
+ },
+ meta: {
+ a: 1,
+ },
};
-
return resize(settings, decorateProposition).then(() => {
expect(element.style.width).toEqual("100px");
expect(element.style.height).toEqual("100px");
-
expect(getAttribute(element, CLICK_LABEL_DATA_ATTRIBUTE)).toEqual(
"trackingLabel",
);
expect(getAttribute(element, INTERACT_ID_DATA_ATTRIBUTE)).not.toBeNull();
});
});
-
it("should resize personalized content even if dimensions are not properly formatted", () => {
const modules = initDomActionsModules();
const { resize } = modules;
- const element = createNode("div", { id: "resize" });
-
+ const element = createNode("div", {
+ id: "resize",
+ });
appendNode(document.body, element);
-
const settings = {
selector: "#resize",
prehidingSelector: "#resize",
- content: { width: "100", height: "100" },
- meta: { a: 1 },
+ content: {
+ width: "100",
+ height: "100",
+ },
+ meta: {
+ a: 1,
+ },
};
-
return resize(settings, decorateProposition).then(() => {
expect(element.style.width).toEqual("100px");
expect(element.style.height).toEqual("100px");
-
expect(getAttribute(element, CLICK_LABEL_DATA_ATTRIBUTE)).toEqual(
"trackingLabel",
);
diff --git a/test/unit/specs/components/Personalization/dom-actions/scripts.spec.js b/test/unit/specs/components/Personalization/dom-actions/scripts.spec.js
index 3e5b83235..1f3578d7d 100644
--- a/test/unit/specs/components/Personalization/dom-actions/scripts.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/scripts.spec.js
@@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
governing permissions and limitations under the License.
*/
+import { vi, beforeEach, afterEach, describe, it, expect } from "vitest";
import {
getInlineScripts,
getRemoteScriptsUrls,
@@ -24,59 +25,47 @@ describe("Personalization::helper::scripts", () => {
beforeEach(() => {
cleanUpDomChanges("fooDiv");
});
-
afterEach(() => {
cleanUpDomChanges("fooDiv");
});
-
it("should get an inline script", () => {
const fragmentHTML =
"";
const fragment = createFragment(fragmentHTML);
-
const inlineScripts = getInlineScripts(fragment);
expect(inlineScripts.length).toEqual(1);
});
-
it("should return null if inlineScript doesn't have text code", () => {
const fragmentHTML =
"";
const fragment = createFragment(fragmentHTML);
-
const inlineScripts = getInlineScripts(fragment);
expect(inlineScripts.length).toEqual(0);
});
-
it("should get a remote script", () => {
const fragmentHTML =
"";
const fragment = createFragment(fragmentHTML);
const remoteScripts = getRemoteScriptsUrls(fragment);
-
expect(remoteScripts.length).toEqual(1);
expect(remoteScripts[0]).toEqual("http://foo.com");
});
-
it("should get a empty array if remote script doesn't have url attr", () => {
const fragmentHTML =
"";
const fragment = createFragment(fragmentHTML);
const remoteScripts = getRemoteScriptsUrls(fragment);
-
expect(remoteScripts.length).toEqual(0);
});
-
it("should execute inline script", () => {
const fragmentHTML =
"";
const fragment = createFragment(fragmentHTML);
const inlineScripts = getInlineScripts(fragment);
const container = createNode(DIV);
- spyOn(container, "appendChild").and.callThrough();
- spyOn(container, "removeChild").and.callThrough();
-
+ vi.spyOn(container, "appendChild");
+ vi.spyOn(container, "removeChild");
executeInlineScripts(container, inlineScripts);
-
expect(container.appendChild).toHaveBeenCalledWith(inlineScripts[0]);
expect(container.removeChild).toHaveBeenCalledWith(inlineScripts[0]);
});
diff --git a/test/unit/specs/components/Personalization/dom-actions/setAttributes.spec.js b/test/unit/specs/components/Personalization/dom-actions/setAttributes.spec.js
index 94305b318..36d66cc06 100644
--- a/test/unit/specs/components/Personalization/dom-actions/setAttributes.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/setAttributes.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { beforeEach, afterEach, describe, it, expect } from "vitest";
import {
appendNode,
createNode,
@@ -25,35 +26,34 @@ import { DOM_ACTION_SET_ATTRIBUTE } from "../../../../../../src/components/Perso
describe("Personalization::actions::setAttribute", () => {
let decorateProposition;
-
beforeEach(() => {
cleanUpDomChanges("setAttribute");
decorateProposition = createDecoratePropositionForTest({
type: DOM_ACTION_SET_ATTRIBUTE,
});
});
-
afterEach(() => {
cleanUpDomChanges("setAttribute");
});
-
it("should set element attribute", () => {
const modules = initDomActionsModules();
const { setAttribute } = modules;
- const element = createNode("div", { id: "setAttribute" });
-
+ const element = createNode("div", {
+ id: "setAttribute",
+ });
appendNode(document.body, element);
-
const settings = {
selector: "#setAttribute",
prehidingSelector: "#setAttribute",
- content: { "data-test": "bar" },
- meta: { a: 1 },
+ content: {
+ "data-test": "bar",
+ },
+ meta: {
+ a: 1,
+ },
};
-
return setAttribute(settings, decorateProposition).then(() => {
expect(element.getAttribute("data-test")).toEqual("bar");
-
expect(getAttribute(element, CLICK_LABEL_DATA_ATTRIBUTE)).toEqual(
"trackingLabel",
);
diff --git a/test/unit/specs/components/Personalization/dom-actions/setHtml.spec.js b/test/unit/specs/components/Personalization/dom-actions/setHtml.spec.js
index 186e73da6..855361b01 100644
--- a/test/unit/specs/components/Personalization/dom-actions/setHtml.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/setHtml.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { beforeEach, afterEach, describe, it, expect } from "vitest";
import {
appendNode,
createNode,
@@ -26,81 +27,76 @@ import { DOM_ACTION_SET_HTML } from "../../../../../../src/components/Personaliz
describe("Personalization::actions::setHtml", () => {
let decorateProposition;
-
beforeEach(() => {
cleanUpDomChanges("setHtml");
delete window.someEvar123;
-
decorateProposition = createDecoratePropositionForTest({
type: DOM_ACTION_SET_HTML,
});
});
-
afterEach(() => {
cleanUpDomChanges("setHtml");
cleanUpDomChanges("btn");
delete window.someEvar123;
});
-
it("should set personalized content", async () => {
const modules = initDomActionsModules();
const { setHtml } = modules;
- const element = createNode("div", { id: "setHtml" });
+ const element = createNode("div", {
+ id: "setHtml",
+ });
element.innerHTML = "foo";
-
appendNode(document.body, element);
-
const settings = {
selector: "#setHtml",
prehidingSelector: "#setHtml",
content: "bar",
- meta: { a: 1 },
+ meta: {
+ a: 1,
+ },
};
-
await setHtml(settings, decorateProposition);
expect(element.innerHTML).toEqual("bar");
-
expect(getAttribute(element, CLICK_LABEL_DATA_ATTRIBUTE)).toEqual(
"trackingLabel",
);
expect(getAttribute(element, INTERACT_ID_DATA_ATTRIBUTE)).not.toBeNull();
});
-
it("should execute inline JavaScript", async () => {
const modules = initDomActionsModules();
const { setHtml } = modules;
- const element = createNode("div", { id: "setHtml" });
+ const element = createNode("div", {
+ id: "setHtml",
+ });
element.innerHTML = "foo";
-
appendNode(document.body, element);
-
const settings = {
selector: "#setHtml",
prehidingSelector: "#setHtml",
content:
"",
- meta: { a: 1 },
+ meta: {
+ a: 1,
+ },
};
-
await setHtml(settings, decorateProposition);
await pause(501);
-
expect(window.someEvar123).toEqual(1);
-
const scriptElements = document.querySelectorAll("#evar123");
expect(scriptElements.length).toEqual(1);
});
-
it("should execute inline JavaScript with event listeners", async () => {
const modules = initDomActionsModules();
const { setHtml } = modules;
- const button = createNode("button", { id: "btn" });
- const element = createNode("div", { id: "setHtml" });
+ const button = createNode("button", {
+ id: "btn",
+ });
+ const element = createNode("div", {
+ id: "setHtml",
+ });
element.innerHTML = "foo";
-
appendNode(document.body, button);
appendNode(document.body, element);
-
const settings = {
selector: "#setHtml",
prehidingSelector: "#setHtml",
@@ -108,11 +104,11 @@ describe("Personalization::actions::setHtml", () => {
var btn = document.getElementById('btn');
btn.addEventListener('click', function onEvent() { window.someEvar123 = 2; });
`,
- meta: { a: 1 },
+ meta: {
+ a: 1,
+ },
};
-
await setHtml(settings, decorateProposition);
-
button.click();
expect(window.someEvar123).toEqual(2);
});
diff --git a/test/unit/specs/components/Personalization/dom-actions/setImageSource.spec.js b/test/unit/specs/components/Personalization/dom-actions/setImageSource.spec.js
index e07c83045..01bb7f649 100644
--- a/test/unit/specs/components/Personalization/dom-actions/setImageSource.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/setImageSource.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { beforeEach, afterEach, describe, it, expect } from "vitest";
import {
appendNode,
createNode,
@@ -25,36 +26,34 @@ import { DOM_ACTION_SET_IMAGE_SOURCE } from "../../../../../../src/components/Pe
describe("Personalization::actions::setImageSource", () => {
let decorateProposition;
-
beforeEach(() => {
cleanUpDomChanges("setImageSource");
decorateProposition = createDecoratePropositionForTest({
type: DOM_ACTION_SET_IMAGE_SOURCE,
});
});
-
afterEach(() => {
cleanUpDomChanges("setImageSource");
});
-
it("should swap image", () => {
const url = "http://foo.com/a.png";
const modules = initDomActionsModules();
const { setImageSource } = modules;
- const element = createNode("img", { id: "setImageSource", src: url });
-
+ const element = createNode("img", {
+ id: "setImageSource",
+ src: url,
+ });
appendNode(document.body, element);
-
const settings = {
selector: "#setImageSource",
prehidingSelector: "#setImageSource",
content: "http://foo.com/b.png",
- meta: { a: 1 },
+ meta: {
+ a: 1,
+ },
};
-
return setImageSource(settings, decorateProposition).then(() => {
expect(element.getAttribute("src")).toEqual("http://foo.com/b.png");
-
expect(getAttribute(element, CLICK_LABEL_DATA_ATTRIBUTE)).toEqual(
"trackingLabel",
);
diff --git a/test/unit/specs/components/Personalization/dom-actions/setStyles.spec.js b/test/unit/specs/components/Personalization/dom-actions/setStyles.spec.js
index d2ae0ce65..d6596f4af 100644
--- a/test/unit/specs/components/Personalization/dom-actions/setStyles.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/setStyles.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { beforeEach, afterEach, describe, it, expect } from "vitest";
import {
appendNode,
createNode,
@@ -25,35 +26,35 @@ import { DOM_ACTION_SET_STYLE } from "../../../../../../src/components/Personali
describe("Personalization::actions::setStyle", () => {
let decorateProposition;
-
beforeEach(() => {
cleanUpDomChanges("setStyle");
decorateProposition = createDecoratePropositionForTest({
type: DOM_ACTION_SET_STYLE,
});
});
-
afterEach(() => {
cleanUpDomChanges("setStyle");
});
-
it("should set styles", () => {
const modules = initDomActionsModules();
const { setStyle } = modules;
- const element = createNode("div", { id: "setStyle" });
-
+ const element = createNode("div", {
+ id: "setStyle",
+ });
appendNode(document.body, element);
-
const settings = {
selector: "#setStyle",
prehidingSelector: "#setStyle",
- content: { "font-size": "33px", priority: "important" },
- meta: { a: 1 },
+ content: {
+ "font-size": "33px",
+ priority: "important",
+ },
+ meta: {
+ a: 1,
+ },
};
-
return setStyle(settings, decorateProposition).then(() => {
expect(element.style.getPropertyValue("font-size")).toEqual("33px");
-
expect(getAttribute(element, CLICK_LABEL_DATA_ATTRIBUTE)).toEqual(
"trackingLabel",
);
diff --git a/test/unit/specs/components/Personalization/dom-actions/setText.spec.js b/test/unit/specs/components/Personalization/dom-actions/setText.spec.js
index 55d2a8aa5..5cdf688b6 100644
--- a/test/unit/specs/components/Personalization/dom-actions/setText.spec.js
+++ b/test/unit/specs/components/Personalization/dom-actions/setText.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { beforeEach, afterEach, describe, it, expect } from "vitest";
import {
appendNode,
createNode,
@@ -25,35 +26,33 @@ import { DOM_ACTION_SET_TEXT } from "../../../../../../src/components/Personaliz
describe("Personalization::actions::setText", () => {
let decorateProposition;
-
beforeEach(() => {
cleanUpDomChanges("setText");
decorateProposition = createDecoratePropositionForTest({
type: DOM_ACTION_SET_TEXT,
});
});
-
afterEach(() => {
cleanUpDomChanges("setText");
});
-
it("should set personalized text", async () => {
const itemData = {
type: "setText",
selector: "#setText",
prehidingSelector: "#setText",
content: "bar",
- meta: { a: 1 },
+ meta: {
+ a: 1,
+ },
};
-
const modules = initDomActionsModules();
const { setText } = modules;
- const element = createNode("div", { id: "setText" });
+ const element = createNode("div", {
+ id: "setText",
+ });
element.textContent = "foo";
appendNode(document.body, element);
-
await setText(itemData, decorateProposition);
-
expect(element.textContent).toEqual("bar");
expect(getAttribute(element, CLICK_LABEL_DATA_ATTRIBUTE)).toEqual(
"trackingLabel",
diff --git a/test/unit/specs/components/Personalization/dom-actions/swapImage.spec.js b/test/unit/specs/components/Personalization/dom-actions/swapImage.spec.js
deleted file mode 100644
index ed8e3500c..000000000
--- a/test/unit/specs/components/Personalization/dom-actions/swapImage.spec.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/*
-Copyright 2019 Adobe. All rights reserved.
-This file is licensed to you under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License. You may obtain a copy
-of the License at http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software distributed under
-the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
-OF ANY KIND, either express or implied. See the License for the specific language
-governing permissions and limitations under the License.
-*/
-
-// eslint-disable-next-line no-unused-vars
-import swapImage from "../../../../../../src/components/Personalization/dom-actions/swapImage.js";
diff --git a/test/unit/specs/components/Personalization/flicker/index.spec.js b/test/unit/specs/components/Personalization/flicker/index.spec.js
index cb4709e05..63172c304 100644
--- a/test/unit/specs/components/Personalization/flicker/index.spec.js
+++ b/test/unit/specs/components/Personalization/flicker/index.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { beforeEach, afterEach, describe, it, expect } from "vitest";
import {
selectNodes,
removeNode,
@@ -22,35 +23,24 @@ describe("Personalization::flicker", () => {
beforeEach(() => {
selectNodes("style").forEach(removeNode);
});
-
afterEach(() => {
selectNodes("style").forEach(removeNode);
});
-
it("should add prehiding style tags", () => {
const prehidingSelector = ".add";
-
hideElements(prehidingSelector);
-
const styles = selectNodes("style");
-
expect(styles.length).toEqual(1);
-
const styleDefinition = styles[0].textContent;
-
expect(styleDefinition).toEqual(
`${prehidingSelector} { visibility: hidden }`,
);
});
-
it("should remove prehiding style tags", () => {
const prehidingSelector = ".remove";
-
hideElements(prehidingSelector);
showElements(prehidingSelector);
-
const styles = selectNodes("style");
-
expect(styles.length).toEqual(0);
});
});
diff --git a/test/unit/specs/components/Personalization/handlers/createDecorateProposition.spec.js b/test/unit/specs/components/Personalization/handlers/createDecorateProposition.spec.js
index 5aa6ca1b5..a3de34c1b 100644
--- a/test/unit/specs/components/Personalization/handlers/createDecorateProposition.spec.js
+++ b/test/unit/specs/components/Personalization/handlers/createDecorateProposition.spec.js
@@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
+import { beforeEach, afterEach, describe, it, expect } from "vitest";
import {
CLICK_LABEL_DATA_ATTRIBUTE,
INTERACT_ID_DATA_ATTRIBUTE,
@@ -35,36 +36,33 @@ import {
describe("Personalization::createDecorateProposition", () => {
let decorateProposition;
-
beforeEach(() => {
cleanUpDomChanges("something");
});
-
afterEach(() => {
cleanUpDomChanges("something");
});
-
it("sets a data-attribute for interact id and label", () => {
decorateProposition = createDecoratePropositionForTest({
type: DOM_ACTION_CLICK,
trackingLabel: "myTrackingLabel",
});
-
const element = createNode(
"div",
- { id: "something" },
- { innerText: "superfluous" },
+ {
+ id: "something",
+ },
+ {
+ innerText: "superfluous",
+ },
);
appendNode(document.body, element);
-
decorateProposition(element);
-
expect(getAttribute(element, CLICK_LABEL_DATA_ATTRIBUTE)).toEqual(
"myTrackingLabel",
);
expect(getAttribute(element, INTERACT_ID_DATA_ATTRIBUTE)).not.toBeNull();
});
-
it("sets a data-attribute for interact id and label when autoCollectPropositionInteractions=decoratedElementsOnly", () => {
decorateProposition = createDecoratePropositionForTest({
autoCollectPropositionInteractions: {
@@ -74,62 +72,63 @@ describe("Personalization::createDecorateProposition", () => {
type: DOM_ACTION_CLICK,
trackingLabel: "myTrackingLabel",
});
-
const element = createNode(
"div",
- { id: "something" },
- { innerText: "superfluous" },
+ {
+ id: "something",
+ },
+ {
+ innerText: "superfluous",
+ },
);
appendNode(document.body, element);
-
decorateProposition(element);
-
expect(getAttribute(element, CLICK_LABEL_DATA_ATTRIBUTE)).toEqual(
"myTrackingLabel",
);
expect(getAttribute(element, INTERACT_ID_DATA_ATTRIBUTE)).not.toBeNull();
});
-
it("does not set a data-attribute for label if no label is specified", () => {
decorateProposition = createDecoratePropositionForTest({
type: DOM_ACTION_CLICK,
trackingLabel: null,
});
-
const element = createNode(
"div",
- { id: "something" },
- { innerText: "superfluous" },
+ {
+ id: "something",
+ },
+ {
+ innerText: "superfluous",
+ },
);
appendNode(document.body, element);
-
decorateProposition(element);
-
expect(getAttribute(element, CLICK_LABEL_DATA_ATTRIBUTE)).toBeNull();
expect(getAttribute(element, INTERACT_ID_DATA_ATTRIBUTE)).not.toBeNull();
});
-
it("reuses interact ids when one is already present on an element", () => {
const element = createNode(
"div",
- { id: "something" },
- { innerText: "superfluous" },
+ {
+ id: "something",
+ },
+ {
+ innerText: "superfluous",
+ },
);
appendNode(document.body, element);
-
decorateProposition = createDecoratePropositionForTest({
type: DOM_ACTION_CLICK,
itemId: "itemId1",
trackingLabel: "myTrackingLabel",
});
decorateProposition(element);
-
expect(getAttribute(element, CLICK_LABEL_DATA_ATTRIBUTE)).toEqual(
"myTrackingLabel",
);
const interactId = getAttribute(element, INTERACT_ID_DATA_ATTRIBUTE);
expect(interactId).not.toBeNull();
-
decorateProposition = createDecoratePropositionForTest({
type: DOM_ACTION_CLICK,
itemId: "itemId2",
@@ -141,25 +140,23 @@ describe("Personalization::createDecorateProposition", () => {
expect(getAttribute(element, CLICK_LABEL_DATA_ATTRIBUTE)).toEqual(
"myTrackingLabel",
);
-
expect(getAttribute(element, INTERACT_ID_DATA_ATTRIBUTE)).toEqual(
interactId,
);
});
-
it("provides a unique interact id for each element", () => {
const element = createNode(
"div",
- { id: "something" },
+ {
+ id: "something",
+ },
{
innerHTML:
"