fix(subscription): align selected payment method styles

This commit is contained in:
2026-07-13 17:20:12 +08:00
parent cd0351b923
commit eba01fe637
2 changed files with 13 additions and 8 deletions
@@ -62,11 +62,16 @@ describe("subscription Tailwind components", () => {
expect(html.indexOf('aria-label="GCash"')).toBeLessThan(
html.indexOf('aria-label="Stripe"'),
);
expect(html).toContain('aria-pressed="true"');
expect(html).toContain("border-[#d92f7f]");
expect(html).toContain("bg-[#fff4f9]");
expect(html).toContain("0_0_0_3px_rgba(217,47,127,0.18)");
expect(html).toContain("-translate-y-0.5");
const selectedButton = html.match(
/<button[^>]*aria-pressed="true"[^>]*>/,
)?.[0];
expect(selectedButton).toBeDefined();
expect(selectedButton).toContain("border-[#f657a0]");
expect(selectedButton).not.toContain("border-[rgba(246,87,160,0.18)]");
expect(selectedButton).toContain("bg-[#fff4f9]");
expect(selectedButton).not.toContain("bg-white");
expect(selectedButton).toContain("0_0_0_3px_rgba(217,47,127,0.18)");
expect(selectedButton).toContain("-translate-y-0.5");
expect(html).toContain("/images/subscription/gcash-logo.svg");
});