test(cypress): update react

GovTechSG · Oct 29, 2024 · 06a0840 · 06a0840
1 parent 17839cb
commit 06a0840
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 6 deletions.
diff --git a/cypress/apps/react-app/src/components/Alert.jsx b/cypress/apps/react-app/src/components/Alert.jsx
@@ -1,5 +1,4 @@
 import SgdsAlert from "@govtechsg/sgds-web-component/react/alert";
-import SgdsAlertHeading from "@govtechsg/sgds-web-component/react/alert-heading";
 import SgdsAlertLink from "@govtechsg/sgds-web-component/react/alert-link";
 
 export const Alert = () => {
@@ -34,7 +33,6 @@ export const Alert = () => {
           <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>
         </svg>
         <div>
-          <SgdsAlertHeading headertag="h4">Hello, nice to meet you</SgdsAlertHeading>
           <p>
             Aww yeah, you successfully read this important
             <SgdsAlertLink href="#" target="undefined">

diff --git a/cypress/apps/react-app/src/components/Progress.jsx b/cypress/apps/react-app/src/components/Progress.jsx
@@ -1,9 +1,7 @@
-import SgdsProgress from "@govtechsg/sgds-web-component/react/progress";
 import SgdsProgressBar from "@govtechsg/sgds-web-component/react/progress-bar";
 
 export const Progress = () => {
     return (
-        <SgdsProgress>
             <SgdsProgressBar
                 label="50%"
                 variant="secondary"
@@ -12,6 +10,5 @@ export const Progress = () => {
                 aria-maxvalue="100"
                 aria-label="Loading in progress">
             </SgdsProgressBar>
-        </SgdsProgress>
     )
 }
diff --git a/cypress/apps/react-app/src/index.css b/cypress/apps/react-app/src/index.css
@@ -1,4 +1,4 @@
 
 :root{
-    --sgds-primary: #0161AF;
+    --sgds-primary-bg: #0161AF;
 }