Requested changes

gitstart · gitstart · commit 810e79ea4edc · 2023-08-15T18:15:02.000Z
diff --git a/packages/ui/components/navigation/tabs/navigation.test.tsx b/packages/ui/components/navigation/tabs/navigation.test.tsx
@@ -118,9 +118,9 @@ describe("Tests for navigation folder", () => {
 
         expect(chevronRight.length).toEqual(mockTabs.length - 1);
         if (tab.disabled) {
-          expect(aTag).toHaveClass("pointer-events-none !opacity-30");
+          expect(aTag).tabToBeDisabled();
         } else {
-          expect(aTag).not.toHaveClass("pointer-events-none !opacity-30");
+          expect(aTag).not.tabToBeDisabled();
         }
 
         if (tab.info) {
@@ -138,10 +138,6 @@ describe("Tests for navigation folder", () => {
 
       expect(externalLink.length).toEqual(1);
       expect(iconElement.length).toEqual(1);
-
-      const svg = document.querySelectorAll("svg");
-      const svgLength = svg?.length;
-      expect(svgLength).toEqual(mockTabs.length + 1);
     });
   });
 });
diff --git a/packages/ui/components/test-setup.ts b/packages/ui/components/test-setup.ts
@@ -6,6 +6,16 @@ vi.mock("@calcom/lib/OgImages", async () => {
   return {};
 });
 
+expect.extend({
+  tabToBeDisabled(received) {
+    const isDisabled = received.classList.contains("pointer-events-none");
+    return {
+      pass: isDisabled,
+      message: () => `Expected tab to be disabled`,
+    };
+  },
+});
+
 global.ResizeObserver = vi.fn().mockImplementation(() => ({
   observe: vi.fn(),
   unobserve: vi.fn(),
