Merge branch 'implement-fe-mvp' of https://github.com/leowrites/memor…

…y-viz into implement-fe-mvp
david-yz-liu · Nov 6, 2024 · 011b9b3 · 011b9b3
2 parents 6b2ae4b + 9bf1ccf
commit 011b9b3
Showing 1 changed file with 3 additions and 9 deletions.
diff --git a/webstepper/src/__tests__/App.spec.tsx b/webstepper/src/__tests__/App.spec.tsx
@@ -82,18 +82,12 @@ describe("App", () => {
             "code > span:nth-child(2)"
         );
 
-        expect(firstLineElement).toHaveStyle({
-            backgroundColor: "rgb(255, 255, 0)",
-        });
+        expect(firstLineElement).toHaveClass("code-box__line--highlighted");
 
         const nextButton = screen.getByText("Next");
         fireEvent.click(nextButton);
 
-        expect(firstLineElement).not.toHaveStyle({
-            backgroundColor: "rgb(255, 255, 0)",
-        });
-        expect(secondLineElement).toHaveStyle({
-            backgroundColor: "rgb(255, 255, 0)",
-        });
+        expect(firstLineElement).not.toHaveClass("code-box__line--highlighted");
+        expect(secondLineElement).toHaveClass("code-box__line--highlighted");
     });
 });