fix: testing subscriber button click test

jackmcguire1 · Jun 14, 2024 · ca7d366 · ca7d366
1 parent e7814d1
commit ca7d366
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 1 deletion.
diff --git a/src/components/utils/CustomMetric.vue b/src/components/utils/CustomMetric.vue
@@ -44,7 +44,7 @@
           <BListGroupItem>
             <div>
               <BContainer class="text-center">
-                <BButton @click="subscribeToUser()"
+                <BButton id="subscribeBtn" @click="subscribeToUser()"
                   >Subscribe to {{ channelName }}</BButton
                 >
               </BContainer>

diff --git a/tests/CustomMetric.spec.js b/tests/CustomMetric.spec.js
@@ -84,4 +84,35 @@ describe("CustomMetric.vue", () => {
     });
     expect(wrapper.text()).not.toContain("Subscribe to Dummy Channel");
   });
+
+  it("calls window.open when subscribe button is clicked", async () => {
+    const windowOpenSpy = jest
+      .spyOn(window, "open")
+      .mockImplementation(() => {});
+
+    const wrapper = shallowMount(CustomMetric, {
+      propsData: {
+        title,
+        description,
+        target: 10,
+        count: 5,
+        gauge_colour,
+        displaySubButton: true,
+        displayFollowButton,
+        buttonTxtColour,
+        buttonBkgColour,
+        channelName,
+      },
+    });
+
+    await wrapper.find("#subscribeBtn").trigger("click");
+
+    expect(windowOpenSpy).toHaveBeenCalled();
+    expect(windowOpenSpy).toHaveBeenCalledWith(
+      "https://subs.twitch.tv/" + channelName,
+      "_blank"
+    );
+
+    windowOpenSpy.mockRestore();
+  });
 });