2020-07-19 01:14:27 +08:00
|
|
|
const {
|
|
|
|
|
kFormatter,
|
|
|
|
|
encodeHTML,
|
|
|
|
|
renderError,
|
|
|
|
|
FlexLayout,
|
2020-07-19 23:04:41 +08:00
|
|
|
getCardColors,
|
2020-07-19 01:14:27 +08:00
|
|
|
} = require("../src/utils");
|
2020-07-12 00:40:13 +08:00
|
|
|
|
|
|
|
|
describe("Test utils.js", () => {
|
|
|
|
|
it("should test kFormatter", () => {
|
|
|
|
|
expect(kFormatter(1)).toBe(1);
|
|
|
|
|
expect(kFormatter(-1)).toBe(-1);
|
|
|
|
|
expect(kFormatter(500)).toBe(500);
|
|
|
|
|
expect(kFormatter(1000)).toBe("1k");
|
|
|
|
|
expect(kFormatter(10000)).toBe("10k");
|
|
|
|
|
expect(kFormatter(12345)).toBe("12.3k");
|
|
|
|
|
expect(kFormatter(9900000)).toBe("9900k");
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it("should test encodeHTML", () => {
|
|
|
|
|
expect(encodeHTML(`<html>hello world<,.#4^&^@%!))`)).toBe(
|
|
|
|
|
"<html>hello world<,.#4^&^@%!))"
|
|
|
|
|
);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it("should test renderError", () => {
|
|
|
|
|
document.body.innerHTML = renderError("Something went wrong");
|
|
|
|
|
expect(document.getElementById("message").textContent).toBe(
|
|
|
|
|
"Something went wrong"
|
|
|
|
|
);
|
|
|
|
|
});
|
2020-07-19 01:14:27 +08:00
|
|
|
|
|
|
|
|
it("should test FlexLayout", () => {
|
|
|
|
|
const layout = FlexLayout({
|
|
|
|
|
items: ["<text>1</text>", "<text>2</text>"],
|
|
|
|
|
gap: 60,
|
|
|
|
|
}).join("");
|
|
|
|
|
|
|
|
|
|
expect(layout).toBe(
|
|
|
|
|
`<g transform=\"translate(0, 0)\"><text>1</text></g><g transform=\"translate(60, 0)\"><text>2</text></g>`
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
const columns = FlexLayout({
|
|
|
|
|
items: ["<text>1</text>", "<text>2</text>"],
|
|
|
|
|
gap: 60,
|
|
|
|
|
direction: "column",
|
|
|
|
|
}).join("");
|
|
|
|
|
|
|
|
|
|
expect(columns).toBe(
|
|
|
|
|
`<g transform=\"translate(0, 0)\"><text>1</text></g><g transform=\"translate(0, 60)\"><text>2</text></g>`
|
|
|
|
|
);
|
|
|
|
|
});
|
2020-07-19 23:04:41 +08:00
|
|
|
|
|
|
|
|
it("getCardColors: should return expected values", () => {
|
|
|
|
|
let colors = getCardColors({
|
|
|
|
|
title_color: "f00",
|
|
|
|
|
text_color: "0f0",
|
|
|
|
|
icon_color: "00f",
|
|
|
|
|
bg_color: "fff",
|
|
|
|
|
theme: "dark",
|
|
|
|
|
});
|
|
|
|
|
expect(colors).toStrictEqual({
|
|
|
|
|
titleColor: "#f00",
|
|
|
|
|
textColor: "#0f0",
|
|
|
|
|
iconColor: "#00f",
|
|
|
|
|
bgColor: "#fff",
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it("getCardColors: should fallback to default colors if color is invalid", () => {
|
|
|
|
|
let colors = getCardColors({
|
|
|
|
|
title_color: "invalidcolor",
|
|
|
|
|
text_color: "0f0",
|
|
|
|
|
icon_color: "00f",
|
|
|
|
|
bg_color: "fff",
|
|
|
|
|
theme: "dark",
|
|
|
|
|
});
|
|
|
|
|
expect(colors).toStrictEqual({
|
|
|
|
|
titleColor: "#2f80ed",
|
|
|
|
|
textColor: "#0f0",
|
|
|
|
|
iconColor: "#00f",
|
|
|
|
|
bgColor: "#fff",
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it("getCardColors: should fallback to specified theme colors if is not defined", () => {
|
|
|
|
|
let colors = getCardColors({
|
|
|
|
|
theme: "dark",
|
|
|
|
|
});
|
|
|
|
|
expect(colors).toStrictEqual({
|
|
|
|
|
titleColor: "#fff",
|
|
|
|
|
textColor: "#9f9f9f",
|
|
|
|
|
iconColor: "#79ff97",
|
|
|
|
|
bgColor: "#151515",
|
|
|
|
|
});
|
|
|
|
|
});
|
2020-07-12 00:40:13 +08:00
|
|
|
});
|
