feat: update button in playwright tests

shellscape · Jun 3, 2024 · 787d249 · 787d249
1 parent 01574cb
commit 787d249
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/apps/test/fixtures/base.jsx b/apps/test/fixtures/base.jsx
@@ -32,7 +32,15 @@ export const Template = () => (
     <Body>
       <Container>
         <Section>
-          <Button href="https://jsx.email">Button Content</Button>
+          <Button
+            width={200}
+            height={40}
+            backgroundColor="#FFFFFF"
+            textColor="#000000"
+            href="https://jsx.email"
+          >
+            Button Content
+          </Button>
           <Font
             fontFamily="Roboto"
             fallbackFontFamily="Verdana"

diff --git a/apps/test/fixtures/code.tsx b/apps/test/fixtures/code.tsx
@@ -5,7 +5,10 @@ export const CodeEmail = () => (
     <Head />
     <Tailwind>
       <Body className="bg-white my-auto mx-auto font-sans">
-        <Container className="border-separate border border-solid border-[#eaeaea] rounded my-[40px] mx-auto p-[20px] w-[465px]">
+        <Container
+          containerWidth={465}
+          className="border-separate border border-solid border-[#eaeaea] rounded my-[40px] mx-auto p-[20px]"
+        >
           <Code language="js">
             {`
     import { batman } from 'superheros';

diff --git a/apps/test/fixtures/tailwind.tsx b/apps/test/fixtures/tailwind.tsx
@@ -13,8 +13,12 @@ export const Template = () => (
     }}
   >
     <Button
+      width={200}
+      height={40}
+      textColor="#FFFFFF"
+      backgroundColor="#007291"
       href="https://example.com"
-      className="px-3 py-2 font-medium leading-4 text-white bg-brand"
+      className="font-medium leading-4"
     >
       Click me
     </Button>