mirror of
https://github.com/gethomepage/homepage.git
synced 2026-09-27 06:21:18 -07:00
Feature: Plex mono font support, card + block styles (#7169)
Docker CI / Docker Build & Push (push) Has been cancelled
Lint / Linting Checks (push) Has been cancelled
Release Drafter / Update Release Draft (push) Has been cancelled
Release Drafter / Auto Label PR (push) Has been cancelled
Tests / vitest (1) (push) Has been cancelled
Tests / vitest (2) (push) Has been cancelled
Tests / vitest (3) (push) Has been cancelled
Tests / vitest (4) (push) Has been cancelled
Docker CI / Docker Build & Push (push) Has been cancelled
Lint / Linting Checks (push) Has been cancelled
Release Drafter / Update Release Draft (push) Has been cancelled
Release Drafter / Auto Label PR (push) Has been cancelled
Tests / vitest (1) (push) Has been cancelled
Tests / vitest (2) (push) Has been cancelled
Tests / vitest (3) (push) Has been cancelled
Tests / vitest (4) (push) Has been cancelled
This commit is contained in:
@@ -39,6 +39,24 @@ describe("components/services/widget/block", () => {
|
||||
expect(el.className).toContain("danger-class");
|
||||
});
|
||||
|
||||
it("uses the standard block styles by default", () => {
|
||||
const { container } = renderWithProviders(<Block label="some.label" value="1" />, { settings: {} });
|
||||
|
||||
expect(container.querySelector(".service-block-value").className).toContain("font-thin");
|
||||
expect(container.querySelector(".service-block-label").className).toContain("font-bold");
|
||||
});
|
||||
|
||||
it("applies refined block styles when blockStyle is set", () => {
|
||||
const { container } = renderWithProviders(<Block label="some.label" value="1" />, {
|
||||
settings: { blockStyle: "refined" },
|
||||
});
|
||||
|
||||
const value = container.querySelector(".service-block-value");
|
||||
expect(value.className).toContain("tabular-nums");
|
||||
expect(value.className).not.toContain("font-thin");
|
||||
expect(container.querySelector(".service-block-label").className).toContain("tracking-wider");
|
||||
});
|
||||
|
||||
it("prefers highlightValue over the rendered value for numeric highlighting", () => {
|
||||
const highlightConfig = {
|
||||
levels: { warn: "warn-class" },
|
||||
|
||||
Reference in New Issue
Block a user