test(FN-4480): complete Step 2 — add CSS hidden-rule regression
Fusion-Task-Id: FN-4480 Fusion-Task-Lineage: a27631d7-61cf-4314-99d7-cdd81deffb76
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
import { describe, expect, it } from "vitest";
|
import { describe, expect, it } from "vitest";
|
||||||
import { loadAllAppCss } from "../../test/cssFixture";
|
import { loadAllAppCss, loadAllAppCssBaseOnly } from "../../test/cssFixture";
|
||||||
|
|
||||||
function extractMediaBlocks(css: string, query: string): string[] {
|
function extractMediaBlocks(css: string, query: string): string[] {
|
||||||
const blocks: string[] = [];
|
const blocks: string[] = [];
|
||||||
@@ -22,6 +22,12 @@ function extractMediaBlocks(css: string, query: string): string[] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
describe("FileBrowser mobile dropdown regression", () => {
|
describe("FileBrowser mobile dropdown regression", () => {
|
||||||
|
it("FN-4480: collapsed editor toolbar region is hidden via display: none", async () => {
|
||||||
|
const css = await loadAllAppCssBaseOnly();
|
||||||
|
|
||||||
|
expect(css).toMatch(/\.file-editor-toolbar-collapsible\[hidden\]\s*\{[^}]*display:\s*none;[^}]*\}/);
|
||||||
|
});
|
||||||
|
|
||||||
it("keeps mobile file-browser header overflow unclipped", () => {
|
it("keeps mobile file-browser header overflow unclipped", () => {
|
||||||
const css = loadAllAppCss();
|
const css = loadAllAppCss();
|
||||||
const mobileBlocks = extractMediaBlocks(css, "(max-width: 768px)");
|
const mobileBlocks = extractMediaBlocks(css, "(max-width: 768px)");
|
||||||
|
|||||||
Reference in New Issue
Block a user