zammad/app/frontend/apps/desktop/pages/personal-setting/__tests__/personal-setting-linked-accounts.spec.ts

// Copyright (C) 2012-2024 Zammad Foundation, https://zammad-foundation.org/

import { visitView } from '#tests/support/components/visitView.ts'
import { mockApplicationConfig } from '#tests/support/mock-applicationConfig.ts'
import { mockUserCurrent } from '#tests/support/mock-userCurrent.ts'
import { waitForNextTick } from '#tests/support/utils.ts'

import { EnumAuthenticationProvider } from '#shared/graphql/types.ts'
import { convertToGraphQLId } from '#shared/graphql/utils.ts'

import { waitForUserCurrentRemoveLinkedAccountMutationCalls } from '#desktop/pages/personal-setting/graphql/mutations/userCurrentLinkedAccount.mocks.ts'

describe('linked accounts page', () => {
  it('is not accessible if no providers are enabled', async () => {
    const view = await visitView('/personal-setting/linked-accounts')

    await vi.waitFor(() => {
      expect(view, 'correctly redirects to error page').toHaveCurrentUrl(
        '/error',
      )
    })
  })

  describe('with enabled providers', () => {
    beforeEach(() => {
      mockApplicationConfig({
        auth_facebook: true,
        auth_github: true,
      })
      mockUserCurrent({
        lastname: 'Doe',
        firstname: 'John',
        fullname: 'John Doe',
        id: convertToGraphQLId('User', 4),
        authorizations: [
          {
            __typename: 'Authorization',
            id: convertToGraphQLId('Authorization', 1),
            provider: EnumAuthenticationProvider.Github,
            uid: '85683661',
            username: 'foobar',
          },
        ],
      })
    })

    it('renders a list of authorization providers', async () => {
      const view = await visitView('/personal-setting/linked-accounts')

      expect(view.getByText('GitHub')).toBeInTheDocument() // application
      expect(view.getByText('foobar')).toBeInTheDocument() // username for GitHub
      expect(view.getByText('Facebook')).toBeInTheDocument() // application

      expect(view.getAllByIconName('plus-square-fill')).toHaveLength(1)
      expect(view.getAllByIconName('trash3')).toHaveLength(1)
    })

    it('links a new authorization provider', async (context) => {
      context.skipConsole = true
      const view = await visitView('/personal-setting/linked-accounts')

      expect(
        view.queryByLabelText('Link account on GitHub'),
      ).not.toBeInTheDocument()

      expect(view.getByLabelText('Remove account link on GitHub'))

      expect(
        view.queryByLabelText('Link account on Facebook'),
      ).toBeInTheDocument()

      await view.events.click(view.getByLabelText('Link account on Facebook'))
    })

    it('removes an authorization provider', async () => {
      const view = await visitView('/personal-setting/linked-accounts')

      await view.events.click(
        view.getByLabelText('Remove account link on GitHub'),
      )

      expect(
        await view.findByRole('dialog', { name: 'Delete Object' }),
      ).toBeInTheDocument()

      expect(
        view.getByText('Are you sure you want to delete this object?'),
      ).toBeInTheDocument()

      await view.events.click(
        view.getByRole('button', { name: 'Delete Object' }),
      )

      const mockCalls =
        await waitForUserCurrentRemoveLinkedAccountMutationCalls()

      expect(mockCalls[0].variables).toEqual({
        provider: EnumAuthenticationProvider.Github,
        uid: '85683661',
      })

      mockUserCurrent({
        lastname: 'Doe',
        firstname: 'John',
        fullname: 'John Doe',
        id: convertToGraphQLId('User', 4),
        authorizations: [],
      })

      await waitForNextTick()

      expect(view.queryByIconName('trash3')).not.toBeInTheDocument()
      expect(view.getAllByIconName('plus-square-fill')).toHaveLength(2)
    })
  })
})