Michael TelatynskiandGitHub
d5164acb50
* Migrate batch of tests tro vitest * Iterate * Migrate another test * Fix lockfile
95 lines
2.9 KiB
TypeScript
95 lines
2.9 KiB
TypeScript
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2022 The Matrix.org Foundation C.I.C.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
// @vitest-environment happy-dom
|
|
|
|
import { vi, describe, it, expect, beforeEach } from "vitest";
|
|
import "vitest-canvas-mock";
|
|
|
|
import Favicon from "./favicon";
|
|
|
|
vi.useFakeTimers();
|
|
|
|
describe("Favicon", () => {
|
|
beforeEach(() => {
|
|
vi.restoreAllMocks();
|
|
document.getElementsByTagName("head")[0]?.remove();
|
|
const head = document.createElement("head");
|
|
window.document.documentElement.prepend(head);
|
|
});
|
|
|
|
it("should create a link element if one doesn't yet exist", () => {
|
|
const favicon = new Favicon();
|
|
expect(favicon).toBeTruthy();
|
|
const link = window.document.querySelector("link")!;
|
|
expect(link.rel).toContain("icon");
|
|
});
|
|
|
|
it("should draw a badge if called with a non-zero value", () => {
|
|
const favicon = new Favicon();
|
|
favicon.badge(123);
|
|
vi.runAllTimers();
|
|
expect(favicon["context"].__getDrawCalls()).toMatchSnapshot();
|
|
});
|
|
|
|
it("should clear a badge if called with a zero value", () => {
|
|
const favicon = new Favicon();
|
|
favicon.badge(123);
|
|
vi.runAllTimers();
|
|
favicon.badge(0);
|
|
expect(favicon["context"].__getDrawCalls()).toMatchSnapshot();
|
|
});
|
|
|
|
it("should recreate link element for firefox and opera", () => {
|
|
window["InstallTrigger"] = {};
|
|
window["opera"] = {};
|
|
const favicon = new Favicon();
|
|
const originalLink = window.document.querySelector("link");
|
|
favicon.badge(123);
|
|
vi.runAllTimers();
|
|
const newLink = window.document.querySelector("link");
|
|
expect(originalLink).not.toStrictEqual(newLink);
|
|
});
|
|
|
|
it("should default to 144px", () => {
|
|
const head = document.getElementsByTagName("head")[0];
|
|
const link = document.createElement("link");
|
|
link.rel = "icon";
|
|
link.href = "favicon.png";
|
|
head.appendChild(link);
|
|
|
|
const spy = vi.spyOn(document, "createElement");
|
|
const favicon = new Favicon();
|
|
vi.runAllTimers();
|
|
|
|
const img = spy.mock.results[0].value;
|
|
img.onload();
|
|
|
|
expect(favicon["canvas"].height).toBe(144);
|
|
});
|
|
|
|
it("should use the size of the last favicon", () => {
|
|
const head = document.getElementsByTagName("head")[0];
|
|
const link = document.createElement("link");
|
|
link.rel = "icon";
|
|
link.sizes = "512x512";
|
|
link.href = "favicon.png";
|
|
head.appendChild(link);
|
|
|
|
const spy = vi.spyOn(document, "createElement");
|
|
const favicon = new Favicon();
|
|
vi.runAllTimers();
|
|
|
|
const img = spy.mock.results[0].value;
|
|
img.height = 512;
|
|
img.onload();
|
|
|
|
expect(favicon["canvas"].height).toBe(512);
|
|
});
|
|
});
|