hirotaka / bulletproof-vue Goto Github PK

useAuth returned type is unknown, any solution?

components

• src/components/Elements/BaseDialog/BaseDialog.vue:19
• src/components/Form/FormDrawer.vue:4
• src/components/Form/MyForm.vue:15
• src/components/Form/SelectField.vue:33
• src/components/Layout/MainLayout.vue:9
• src/components/Misc/MobileSidebar.vue:65
• src/components/Notifications/ToastNotification.stories.ts:27

stores

• src/stores/tests/notifications.test.ts:3

In the render wrapper function in src/test/test-utils.ts the app component is created that wraps the component we want to test with the AppProvider component

export const render = async (
  ui: any,
  { user, ...renderOptions }: Record<string, any> = {}
) => {
  // if you want to render the app unauthenticated then pass "null" as the user
  user = await initializeUser(user);

  //   window.history.pushState({}, "Test page", route);

  // APP COMPONENT HERE
  const app = {
    components: { AppProvider, ui },
    template: `<AppProvider><ui /></AppProvider>`,
  };

  const head = createHead();
  const pinia = createPinia();

// WE USE IT HERE AS THE VALUE FOR OUR COMPONENT
  const returnValue = {
    ...vtlRender(app, {
      ...renderOptions,
      global: {
        plugins: [VueQueryPlugin, head, router, pinia],
      },
    }),
    user,
  };

  await waitForLoadingToFinish();

  return returnValue;
};

Due to this if we try and render a component with certain props using our render function. The props will not be passed to the component we want to test. The app component we made will receive the props.

features/misc

• src/features/misc/routes/DashboardView.vue:6

features/users

• src/features/users/api/deleteUser.ts:34
• src/features/users/api/updateProfile.ts:29
• src/features/users/components/index.ts:1
• src/features/users/components/DeleteUser.vue:13
• src/features/users/components/UserList.vue:31
• src/features/users/components/UpdateProfile.vue:27
• src/features/users/routes/ProfileView.vue:9

Refs

https://www.npmjs.com/package/vue-dompurify-html

features/auth

• src/features/auth/components/RegisterForm.vue:31
• src/features/auth/components/LoginForm.vue:19
• src/features/auth/routes/RegisterView.vue:15

features/comments

• src/features/comments/api/createComment.ts:43
• src/features/comments/api/deleteComment.ts:37
• src/features/comments/components/DeleteComment.vue:20
• src/features/comments/components/CommentsList.vue:23
• src/features/comments/components/CreateComment.vue:28
• src/features/comments/types/index.ts:1

features/discussions

• src/features/discussions/api/createDiscussion.ts:42
• src/features/discussions/api/deleteDiscussion.ts:38
• src/features/discussions/api/updateDiscussion.ts:66
• src/features/discussions/components/DiscussionsList.vue:19
• src/features/discussions/components/DeleteDiscussion.vue:20
• src/features/discussions/components/CreateDiscussion.vue:28
• src/features/discussions/components/UpdateDiscussion.vue:35
• src/features/discussions/routes/DiscussionView.vue:18

test

• src/test/server/db.ts:47
• src/test/server/handlers/comments.ts:62
• src/test/server/handlers/discussions.ts:41
• src/test/server/handlers/users.ts:66
• src/test/server/utils.ts:1

providers

• src/providers/AuthProvider.vue:6

components

• src/components/Elements/BaseTable/BaseTable.vue:17
• src/components/Elements/BaseTable/BaseTable.stories.ts:48
• src/components/Elements/ConfirmationDialog/ConfirmationDialog.vue:39
• src/components/Misc/UserNavigation.vue:12
• src/components/Misc/SideNavigation.vue:13

composables

• src/composables/useAuth.tsx:72
• src/composables/useAuthorization.ts:28
• src/composables/useDisclosure.ts:6

lib

• src/lib/axios.ts:1
• src/lib/vue-query-auth.tsx:39
• src/lib/vue-query.ts:1