banlv/cozsweet-frontend-nextjs
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(app): normalize tailwind utility syntax

Browse Source
This commit is contained in:
chenhang
2026-07-13 13:17:16 +08:00
parent aff7f80206
commit b89bde1b55
37 changed files with 143 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/chat/components/__tests__/tailwind-components.test.tsx
+21 -21
View File
@@ -29,7 +29,7 @@ describe("chat Tailwind components", () => {
);
expect(aiHtml).toContain('aria-label="AI avatar"');
expect(aiHtml).toContain("size-[var(--chat-avatar-size,43px)]");
expect(aiHtml).toContain("size-(--chat-avatar-size,43px)");
expect(aiHtml).toContain("size-full object-cover");
expect(aiHtml).toContain("%2Fimages%2Fchat%2Fpic-chat-elio.png");
expect(userHtml).toContain('aria-label="User avatar"');
@@ -97,7 +97,7 @@ describe("chat Tailwind components", () => {
);
expect(activeHtml).toContain('aria-label="Send message"');
expect(activeHtml).toContain("size-[var(--chat-send-button-size,40px)]");
expect(activeHtml).toContain("size-(--chat-send-button-size,40px)");
expect(activeHtml).toContain(
"bg-[linear-gradient(to_right,var(--color-button-gradient-start,#ff67e0),var(--color-button-gradient-end,#ff52a2))]",
);
@@ -124,7 +124,7 @@ describe("chat Tailwind components", () => {
expect(openableHtml).toContain("rounded-tl-none");
expect(openableHtml).toContain("block h-auto w-full object-cover");
expect(openableHtml).toContain("data:image/png;base64,/chat-image.png");
expect(paywalledHtml).toContain("scale-[1.04] blur-[8px]");
expect(paywalledHtml).toContain("scale-104 blur-sm");
expect(paywalledHtml).toContain(
"bg-[linear-gradient(180deg,rgba(255,255,255,0.04)_0%,rgba(255,255,255,0.14)_100%)]",
);
@@ -149,7 +149,7 @@ describe("chat Tailwind components", () => {
expect(html).toContain("Credits keep the conversation going.");
expect(html).toContain('aria-label="Top up"');
expect(html).toContain("bg-[linear-gradient(135deg,#f96ade_0%,#f657a0_100%)]");
expect(html).toContain("active:scale-[0.98]");
expect(html).toContain("active:scale-98");
});
it("renders ChatHeader guest and member branches", () => {
@@ -159,12 +159,12 @@ describe("chat Tailwind components", () => {
);
expect(guestHtml).toContain('aria-label="Sign up to unlock more features"');
expect(guestHtml).toContain("bg-[var(--color-accent,#f84d96)]");
expect(guestHtml).toContain("size-[var(--icon-size-sm,16px)]");
expect(guestHtml).toContain("bg-(--color-accent,#f84d96)");
expect(guestHtml).toContain("size-(--icon-size-sm,16px)");
expect(memberHtml).toContain("Offer");
expect(memberHtml).toContain('aria-label="Menu"');
expect(memberHtml).toContain("bg-[rgba(13,11,20,0.7)]");
expect(memberHtml).toContain("size-[var(--icon-size-xl,32px)]");
expect(memberHtml).toContain("size-(--icon-size-xl,32px)");
});
it("renders ChatInputTextField with textarea utilities", () => {
@@ -179,10 +179,10 @@ describe("chat Tailwind components", () => {
expect(html).toContain("<textarea");
expect(html).toContain('aria-label="Message"');
expect(html).toContain("min-h-[var(--chat-send-button-size,40px)]");
expect(html).toContain("min-h-(--chat-send-button-size,40px)");
expect(html).toContain("max-h-[min(30vh,120px)]");
expect(html).toContain("caret-[var(--color-accent,#f84d96)]");
expect(html).toContain("placeholder:text-[var(--color-text-hint,#757575)]");
expect(html).toContain("caret-(--color-accent,#f84d96)");
expect(html).toContain("placeholder:text-(--color-text-hint,#757575)");
expect(html).toContain("Message Elio");
expect(html).toContain("Hello");
});
@@ -202,8 +202,8 @@ describe("chat Tailwind components", () => {
expect(html).toContain('aria-expanded="true"');
expect(html).toContain('aria-label="Open elsewhere. Better experience"');
expect(html).toContain("grid-cols-[auto_minmax(0,1fr)]");
expect(html).toContain("backdrop-blur-[12px]");
expect(html).toContain("hover:opacity-[0.94]");
expect(html).toContain("backdrop-blur-md");
expect(html).toContain("hover:opacity-94");
expect(html).toContain("Open elsewhere");
expect(html).toContain("Better experience");
});
@@ -217,10 +217,10 @@ describe("chat Tailwind components", () => {
expect(html).toContain('aria-modal="true"');
expect(html).toContain('aria-labelledby="pwa-dialog-title"');
expect(html).toContain("fixed inset-0");
expect(html).toContain("max-w-[var(--pwa-install-dialog-max-width,360px)]");
expect(html).toContain("size-[var(--icon-size-86,86px)]");
expect(html).toContain("min-h-[var(--pwa-button-height,44px)]");
expect(html).toContain("text-[var(--color-pwa-button-text,#ffffff)]");
expect(html).toContain("max-w-(--pwa-install-dialog-max-width,360px)");
expect(html).toContain("size-(--icon-size-86,86px)");
expect(html).toContain("min-h-(--pwa-button-height,44px)");
expect(html).toContain("text-(--color-pwa-button-text,#ffffff)");
expect(html).toContain("%2Fimages%2Ficons%2Ficon-add-to-home.png");
expect(html).toContain("Add to Home Screen");
expect(html).toContain("Cancel");
@@ -251,12 +251,12 @@ describe("chat Tailwind components", () => {
);
expect(html).toContain('aria-labelledby="history-unlock-title"');
expect(html).toContain("z-[200]");
expect(html).toContain("z-200");
expect(html).toContain("Unlock previous messages?");
expect(html).toContain("We found 3 locked messages");
expect(html).toContain("Could not unlock history.");
expect(html).toContain("Unlocking...");
expect(html).toContain("text-[var(--color-pwa-button-text,#ffffff)]");
expect(html).toContain("text-(--color-pwa-button-text,#ffffff)");
expect(html).toContain("disabled");
});
@@ -286,12 +286,12 @@ describe("chat Tailwind components", () => {
);
expect(html).toContain('aria-labelledby="insufficient-credits-title"');
expect(html).toContain("z-[220]");
expect(html).toContain("z-220");
expect(html).toContain("Not enough credits");
expect(html).toContain("Balance");
expect(html).toContain("Required");
expect(html).toContain("Still needed");
expect(html).toContain("text-[var(--color-pwa-button-text,#ffffff)]");
expect(html).toContain("text-(--color-pwa-button-text,#ffffff)");
expect(html).toContain("bg-[linear-gradient(90deg,#ff67e0_0%,#ff52a2_100%)]");
expect(html).toContain("Top up now");
});
@@ -318,7 +318,7 @@ describe("chat Tailwind components", () => {
);
expect(html).toContain('aria-labelledby="voice-unlock-options-title"');
expect(html).toContain("z-[72]");
expect(html).toContain("z-72");
expect(html).toContain("Unlock voice message");
expect(html).toContain("购买语音包");
expect(html).toContain("开通 VIP");