diff --git a/src/Components/PortfolioSection.tsx b/src/Components/PortfolioSection.tsx index 3ce2171..2b39cd8 100644 --- a/src/Components/PortfolioSection.tsx +++ b/src/Components/PortfolioSection.tsx @@ -97,13 +97,13 @@ export default function PortfolioSection() { > -
+
-
+
{p.status !== undefined && ( diff --git a/src/test/NoJsVisibility.test.tsx b/src/test/NoJsVisibility.test.tsx index 7e068ff..f786fe2 100644 --- a/src/test/NoJsVisibility.test.tsx +++ b/src/test/NoJsVisibility.test.tsx @@ -69,7 +69,7 @@ const approvedFiles = { }, "src/Components/PortfolioSection.tsx": { baselineHash: - "c44668e5f882394ab72307105fb20f748a4216cf749aac1f3019500066957b8b", + "74d84a2a8057249ed69c0f30f0069db03797ac1fd103722575edc09d9bd53ce8", markers: 4, }, "src/Components/SobreMiSection.tsx": { @@ -178,7 +178,7 @@ describe("targeted no-JavaScript visibility contract", () => { " { expect(portfolioCardSource).not.toContain("truncate"); expect(portfolioCardSource).not.toContain("w-full h-full object-center"); }); + + it("keeps the Home featured card a real flex column so mobile actions stay visible", () => { + const portfolioSectionSource = fs.readFileSync( + path.join(projectRoot, "src/Components/PortfolioSection.tsx"), + "utf8", + ); + + expect(portfolioSectionSource).toContain( + 'className="group flex h-full flex-col overflow-hidden rounded-2xl', + ); + expect(portfolioSectionSource).toContain( + 'className="aspect-[2/1] shrink-0 overflow-hidden bg-white"', + ); + expect(portfolioSectionSource).toContain( + 'className="flex min-h-0 flex-1 flex-col gap-3 p-5 sm:p-6"', + ); + expect(portfolioSectionSource).not.toMatch( + /className="group h-full overflow-hidden rounded-2xl/, + ); + expect(portfolioSectionSource).not.toContain( + 'className="flex h-full flex-col gap-3 p-5 sm:p-6"', + ); + }); });