mirror of
https://github.com/sean2077/obsidian-dynamic-theme-background.git
synced 2026-07-22 06:44:57 +00:00
33 lines
1.4 KiB
TypeScript
33 lines
1.4 KiB
TypeScript
import assert from "node:assert/strict";
|
|
import { readFileSync } from "node:fs";
|
|
import test from "node:test";
|
|
|
|
const styles = readFileSync("styles.css", "utf8");
|
|
|
|
void test("constrained settings override the desktop card direction", () => {
|
|
assert.match(
|
|
styles,
|
|
/@media \(max-width: 1100px\) \{\s*\.dtb-hint-section > \.setting-item,\s*\.dtb-large-button-container \.setting-item,\s*body \.dtb-item,\s*body \.dtb-section-container \.setting-item \{\s*flex-direction: column;\s*align-items: stretch;/u
|
|
);
|
|
assert.match(styles, /\.dtb-hint-section > \.setting-item,/u);
|
|
assert.match(styles, /\.dtb-large-button-container \.setting-item,/u);
|
|
assert.doesNotMatch(styles, /:has\(/u);
|
|
assert.doesNotMatch(styles, /!important/u);
|
|
assert.match(styles, /\.dtb-bg-name \{\s*min-width: 0;\s*overflow-wrap: anywhere;/u);
|
|
assert.match(
|
|
styles,
|
|
/\.dtb-bg-content > \.dtb-button-container \{\s*flex: 1 0 100%;\s*justify-content: flex-end;/u
|
|
);
|
|
});
|
|
|
|
void test("narrow settings wrap headers and stack background content", () => {
|
|
assert.match(
|
|
styles,
|
|
/\.dtb-section-header \{\s*flex-wrap: wrap;\s*justify-content: flex-start;\s*gap: 8px;/u
|
|
);
|
|
assert.match(styles, /\.dtb-links \{\s*flex-wrap: wrap;\s*width: 100%;\s*min-width: 0;/u);
|
|
assert.match(
|
|
styles,
|
|
/\.dtb-bg-content \{\s*flex-direction: column;\s*align-items: stretch;\s*width: 100%;\s*min-width: 0;/u
|
|
);
|
|
});
|