test: read default color from theme palette

Author: dmuneras

src/modules/service-catalog/components/service-catalog-list/ServiceCatalogListItem.spec.tsx

@@ -74,8 +74,10 @@ describe("ServiceCatalogListItem", () => {
         />
       );
 
-      const itemTitle = screen.getByTestId("service-catalog-list-item");
-      expect(itemTitle).toHaveStyle(`color: ${theme.colors.foreground}`);
+      const itemContainer = screen.getByTestId(
+        "service-catalog-list-item-container"
+      );
+      expect(itemContainer).toHaveStyle(`color: ${theme.colors.foreground}`);
     });
 
     it("should use primaryHue as card border color on hover", async () => {
@@ -87,14 +89,19 @@ describe("ServiceCatalogListItem", () => {
       );
 
       const user = userEvent.setup();
-      const itemTitle = screen.getByTestId("service-catalog-list-item");
-      const defaultBorderColor = "#d8dcde";
+      const itemContainer = screen.getByTestId(
+        "service-catalog-list-item-container"
+      );
+      const defaultBorderColor = DEFAULT_THEME.palette.grey?.[300];
 
-      expect(itemTitle).toHaveStyle(`border-color: ${defaultBorderColor}`);
+      expect(defaultBorderColor).toBeTruthy();
+      expect(itemContainer).toHaveStyle(`border-color: ${defaultBorderColor}`);
 
-      await user.hover(itemTitle);
+      await user.hover(itemContainer);
 
-      expect(itemTitle).toHaveStyle(`border-color: ${theme.colors.primaryHue}`);
+      expect(itemContainer).toHaveStyle(
+        `border-color: ${theme.colors.primaryHue}`
+      );
     });
   });
 });

src/modules/service-catalog/components/service-catalog-list/ServiceCatalogListItem.tsx

@@ -69,7 +69,7 @@ const ServiceCatalogListItem = ({
 }) => {
   return (
     <ItemContainer
-      data-testid="service-catalog-list-item"
+      data-testid="service-catalog-list-item-container"
       href={`${helpCenterPath}/services/${serviceItem.id}`}
     >
       <IconContainer>

yarn.lock

@@ -10836,7 +10836,7 @@ nth-check@^2.0.1:
   dependencies:
     boolbase "^1.0.0"
 
-[email protected].20, nwsapi@^2.2.2:
+nwsapi@^2.2.2, nwsapi@^2.2.20:
   version "2.2.20"
   resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.20.tgz#22e53253c61e7b0e7e93cef42c891154bcca11ef"
   integrity sha512-/ieB+mDe4MrrKMT8z+mQL8klXydZWGR5Dowt4RAGKbJ3kIGEx3X4ljUo+6V73IXtUPWgfOlU5B9MlGxFO5T+cA==