Add test for DestinationTag

Signed-off-by: Ryan Lerch <rlerch@redhat.com>

frontend/src/components/DestinationTag.test.ts

@@ -0,0 +1,38 @@
+// SPDX-FileCopyrightText: Contributors to the Fedora Project
+//
+// SPDX-License-Identifier: MIT
+
+import { cleanup } from "@testing-library/vue";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import DestinationTag from "./DestinationTag.vue";
+import { render } from "./test-utils";
+import type { Destination } from "@/api/types";
+
+vi.mock("../auth");
+
+describe("DestinationTag", () => {
+  afterEach(() => {
+    cleanup();
+  });
+
+  it("check we show the text when icononly is false", () => {
+    const dest: Destination = {
+      protocol: "irc",
+      address: "freednode.net",
+    };
+    const props = { destination: dest, icononly: false };
+    const { getByText } = render(DestinationTag, props);
+    expect(getByText("freednode.net")).toBeInTheDocument();
+    expect(getByText("irc:")).toBeInTheDocument();
+  });
+  it("check we show the text when icononly is true", () => {
+    const dest: Destination = {
+      protocol: "irc",
+      address: "freednode.net",
+    };
+    const props = { destination: dest, icononly: true };
+    const { queryByText } = render(DestinationTag, props);
+    expect(queryByText("freednode.net")).toBeNull();
+    expect(queryByText("irc:")).toBeNull();
+  });
+});

frontend/src/components/test-utils.ts

@@ -9,6 +9,7 @@ import type { Component } from "vue";
 import { createI18n } from "vue-i18n";
 import router from "../router";
 import { vi } from "vitest";
+import type { Destination } from "@/api/types";
 
 export const loginUser = (userStore: ReturnType<typeof useUserStore>) => {
   userStore.$patch({
@@ -29,7 +30,10 @@ export const loginAdmin = (userStore: ReturnType<typeof useUserStore>) => {
   });
 };
 
-export const render = (component: Component) => {
+export const render = (
+  component: Component,
+  props?: Record<string, boolean | Destination>
+) => {
   const pinia = getActivePinia() as Pinia;
   const i18n = createI18n({
     legacy: false,
@@ -38,6 +42,7 @@ export const render = (component: Component) => {
     messages: {},
   });
   return baseRender(component, {
+    props: props,
     global: {
       plugins: [router, pinia, i18n],
       provide: {