fix(subscription): align selected payment method styles
This commit is contained in:
@@ -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");
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user