test: assert TechLog search focus style
This commit is contained in:
@@ -96,7 +96,7 @@ describe("TechLog consumer-visible style contract", () => {
|
|||||||
expect(getComputedStyle(wordmark).fontWeight).toBe("680");
|
expect(getComputedStyle(wordmark).fontWeight).toBe("680");
|
||||||
});
|
});
|
||||||
|
|
||||||
it("preserves keyboard focus and the real search-field focus relationship", async () => {
|
it("preserves keyboard focus and the real search-field focus style", async () => {
|
||||||
const user = userEvent.setup();
|
const user = userEvent.setup();
|
||||||
const view = renderPublicSurface(
|
const view = renderPublicSurface(
|
||||||
createElement(
|
createElement(
|
||||||
@@ -122,6 +122,9 @@ describe("TechLog consumer-visible style contract", () => {
|
|||||||
expect(searchInput).toHaveFocus();
|
expect(searchInput).toHaveFocus();
|
||||||
expect(searchField).not.toBeNull();
|
expect(searchField).not.toBeNull();
|
||||||
expect(searchField!.matches(":focus-within")).toBe(true);
|
expect(searchField!.matches(":focus-within")).toBe(true);
|
||||||
|
expect(getComputedStyle(searchField!).boxShadow).toBe(
|
||||||
|
"0 0 0 3px var(--signal-soft)",
|
||||||
|
);
|
||||||
});
|
});
|
||||||
|
|
||||||
it("keeps every header and dialog control at the source minimum target size", () => {
|
it("keeps every header and dialog control at the source minimum target size", () => {
|
||||||
|
|||||||
Reference in New Issue
Block a user