File size: 1,520 Bytes
c0af099 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 | import { describe, expect, it } from "vitest";
import {
AGENT_SERVER_UI_SCOPE_SELECTOR,
transformAgentServerUISelector,
} from "#/styles/agent-server-ui-style-scope";
describe("transformAgentServerUISelector", () => {
it("prefixes ordinary selectors under the scoped root", () => {
expect(
transformAgentServerUISelector(
AGENT_SERVER_UI_SCOPE_SELECTOR,
".button-base",
`${AGENT_SERVER_UI_SCOPE_SELECTOR} .button-base`,
),
).toBe(`${AGENT_SERVER_UI_SCOPE_SELECTOR} .button-base`);
});
it("replaces :host selectors with the scoped root", () => {
expect(
transformAgentServerUISelector(
AGENT_SERVER_UI_SCOPE_SELECTOR,
":host",
`${AGENT_SERVER_UI_SCOPE_SELECTOR} :host`,
),
).toBe(AGENT_SERVER_UI_SCOPE_SELECTOR);
});
it.each([":root", "body", "html"])(
"maps %s selectors directly to the scoped root",
(selector) => {
expect(
transformAgentServerUISelector(
AGENT_SERVER_UI_SCOPE_SELECTOR,
selector,
`${AGENT_SERVER_UI_SCOPE_SELECTOR} ${selector}`,
),
).toBe(AGENT_SERVER_UI_SCOPE_SELECTOR);
},
);
it("does not double-prefix selectors that are already scoped", () => {
const selector = `${AGENT_SERVER_UI_SCOPE_SELECTOR} .xterm`;
expect(
transformAgentServerUISelector(
AGENT_SERVER_UI_SCOPE_SELECTOR,
selector,
`${AGENT_SERVER_UI_SCOPE_SELECTOR} ${selector}`,
),
).toBe(selector);
});
});
|