From 9ea068227f44d52257725046f0535007144caa9b Mon Sep 17 00:00:00 2001
From: John Chilton <jmchilton@gmail.com>
Date: Thu, 21 Nov 2024 15:31:54 -0500
Subject: [PATCH] LoginForm.test.ts cleanup.

---
 client/src/components/Login/LoginForm.test.ts | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Login/LoginForm.test.ts b/client/src/components/Login/LoginForm.test.ts
index 9422c8af8f88..edd940dc70dd 100644
--- a/client/src/components/Login/LoginForm.test.ts
+++ b/client/src/components/Login/LoginForm.test.ts
@@ -1,11 +1,19 @@
+import { createTestingPinia } from "@pinia/testing";
 import { getLocalVue } from "@tests/jest/helpers";
 import { mount } from "@vue/test-utils";
 import axios from "axios";
 import MockAdapter from "axios-mock-adapter";
+import flushPromises from "flush-promises";
+
+import { useServerMock } from "@/api/client/__mocks__";
+import { HttpResponse } from "@/api/client/__mocks__/index"
 
 import MountTarget from "./LoginForm.vue";
 
 const localVue = getLocalVue(true);
+const testingPinia = createTestingPinia({ stubActions: false });
+
+const { server, http } = useServerMock();
 
 async function mountLoginForm() {
     const wrapper = mount(MountTarget as object, {
@@ -16,6 +24,7 @@ async function mountLoginForm() {
         stubs: {
             ExternalLogin: true,
         },
+        pinia: testingPinia,
     });
 
     return wrapper;
@@ -26,6 +35,11 @@ describe("LoginForm", () => {
 
     beforeEach(() => {
         axiosMock = new MockAdapter(axios);
+        server.use(
+            http.get("/api/configuration", ({ response }) => {
+                return response.untyped(HttpResponse.json({oidc: {cilogon: false, custos: false }}));
+            })
+        );
     });
 
     afterEach(() => {
@@ -62,8 +76,6 @@ describe("LoginForm", () => {
     it("props", async () => {
         const wrapper = await mountLoginForm();
 
-        console.log(wrapper.html());
-
         const $register = "#register-toggle";
         expect(wrapper.findAll($register).length).toBe(0);
 
@@ -79,6 +91,7 @@ describe("LoginForm", () => {
 
         const welcomePage = wrapper.find("iframe");
         expect(welcomePage.attributes("src")).toBe("welcome_url");
+        await flushPromises();
     });
 
     it("connect external provider", async () => {
@@ -126,5 +139,6 @@ describe("LoginForm", () => {
 
         const postedURL = axiosMock.history.post?.[0]?.url;
         expect(postedURL).toBe("/user/login");
+        await flushPromises();
     });
 });