deer-flow/frontend/tests/unit/components/landing/case-study-section.dom.test.tsx
DanielWalnut 459dd78707
perf(frontend): bound delivery, bundles, and long-running UI work (#4622)
* docs: design frontend performance remediation

* docs: plan frontend performance remediation

* test(frontend): add route asset performance budgets

* perf(nginx): compress textual responses safely

* perf(frontend): lazy load case study media

* perf(frontend): bound static demo file tracing

* perf(frontend): restore static locale boundaries

* perf(frontend): defer closed workspace panels

* perf(frontend): split editors and deduplicate highlighting

* perf(frontend): index incremental message derivation

* perf(frontend): stabilize paged history cache policy

* perf(frontend): bound streaming markdown renders

* perf(frontend): virtualize message history

* perf(frontend): bound and virtualize chat lists

* perf(frontend): suspend inactive decorative animation

* perf(browser): stream latest frames as binary

* perf(artifacts): stream bounded text previews

* docs: finalize performance runtime boundaries

* style(backend): apply test formatting

* fix(frontend): keep translation functions client-side

* perf(frontend): defer decorative animation bundles

* test(frontend): lock optimized route budgets

* fix: harden frontend performance boundaries

* test(frontend): update i18n provider fixture

* fix(frontend): preserve sidebar pagination position

* style(backend): format artifact range test
2026-08-01 22:19:59 +08:00

23 lines
872 B
TypeScript

import { describe, expect, it } from "@rstest/core";
import { render, screen } from "@testing-library/react";
import { CaseStudySection } from "@/components/landing/sections/case-study-section";
describe("CaseStudySection", () => {
it("uses semantic, lazy, intrinsically-sized images", () => {
render(<CaseStudySection />);
const images = screen.getAllByRole("img");
expect(images).toHaveLength(6);
for (const image of images) {
expect(image.getAttribute("loading")).toBe("lazy");
expect(image.getAttribute("decoding")).toBe("async");
expect(Number(image.getAttribute("width"))).toBeGreaterThan(0);
expect(Number(image.getAttribute("height"))).toBeGreaterThan(0);
expect(image.getAttribute("alt")?.length).toBeGreaterThan(0);
}
expect(document.querySelector('[style*="background-image"]')).toBeNull();
});
});