MagicMirror/tests/e2e/animateCSS_spec.js

const helpers = require("./helpers/global-setup");

describe("AnimateCSS integration Test", () => {
	// define config file for testing
	let testConfigFile = "tests/configs/modules/compliments/compliments_animateCSS.js";
	// define config file to fallback to default: wrong animation name (must return no animation)
	let testConfigFileFallbackToDefault = "tests/configs/modules/compliments/compliments_animateCSS_fallbackToDefault.js";
	// define config file with an inverted name animation : in for out and vice versa (must return no animation)
	let testConfigFileInvertedAnimationName = "tests/configs/modules/compliments/compliments_animateCSS_invertedAnimationName.js";
	// define config file with no animation defined
	let testConfigByDefault = "tests/configs/modules/compliments/compliments_anytime.js";

	/**
	 * move similar tests in function doTest
	 * @param {string} [animationIn] animation in name of AnimateCSS to test.
	 * @param {string} [animationOut] animation out name of AnimateCSS to test.
	 * @returns {boolean} result
	 */
	const doTest = async (animationIn, animationOut) => {
		await helpers.getDocument();
		let elem = await helpers.waitForElement(".compliments");
		expect(elem).not.toBeNull();
		let styles = window.getComputedStyle(elem);

		if (animationIn && animationIn !== "") {
			expect(styles._values.get("animation-name")).toBe(animationIn);
		} else {
			expect(styles._values.get("animation-name")).toBeUndefined();
		}

		if (animationOut && animationOut !== "") {
			elem = await helpers.waitForElement(`.compliments.animate__animated.animate__${animationOut}`);
			expect(elem).not.toBeNull();
			styles = window.getComputedStyle(elem);
			expect(styles._values.get("animation-name")).toBe(animationOut);
		} else {
			expect(styles._values.get("animation-name")).toBeUndefined();
		}
		return true;
	};

	afterEach(async () => {
		await helpers.stopApplication();
	});

	describe("animateIn and animateOut Test", () => {
		it("with flipInX and flipOutX animation", async () => {
			await helpers.startApplication(testConfigFile);
			await expect(doTest("flipInX", "flipOutX")).resolves.toBe(true);
		});
	});

	describe("use animateOut name for animateIn (vice versa) Test", () => {
		it("without animation", async () => {
			await helpers.startApplication(testConfigFileInvertedAnimationName);
			await expect(doTest()).resolves.toBe(true);
		});
	});

	describe("false Animation name test", () => {
		it("without animation", async () => {
			await helpers.startApplication(testConfigFileFallbackToDefault);
			await expect(doTest()).resolves.toBe(true);
		});
	});

	describe("no Animation defined test", () => {
		it("without animation", async () => {
			await helpers.startApplication(testConfigByDefault);
			await expect(doTest()).resolves.toBe(true);
		});
	});
});