zammad/app/frontend/apps/mobile/pages/login/__tests__/login-public-links.spec.ts

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

import {
  mockPublicLinks,
  mockPublicLinksSubscription,
} from '@shared/entities/public-links/__tests__/mocks/mockPublicLinks'
import type { PublicLinksQuery } from '@shared/graphql/types'
import type { ConfidentTake } from '@shared/types/utils'
import { getAllByRole } from '@testing-library/vue'
import { visitView } from '@tests/support/components/visitView'
import { waitUntilApisResolved } from '@tests/support/utils'

describe('testing login public links', () => {
  it('always renders a single link to desktop app', async () => {
    const publicLinkQuery = mockPublicLinks([])
    mockPublicLinksSubscription()

    const view = await visitView('/login')

    await waitUntilApisResolved(publicLinkQuery)

    const link = view.getByText('Continue to desktop app')

    expect(link).toHaveAttribute('href', '/#login')
    expect(link).not.toHaveAttribute('target', '_blank')
  })

  it('renders all public links correctly', async () => {
    const publicLinks: ConfidentTake<PublicLinksQuery, 'publicLinks'> = [
      {
        __typename: 'PublicLink',
        id: '1',
        link: 'https://localhost/link-1',
        description: 'some-description',
        title: 'Link 1',
        newTab: false,
      },
      {
        __typename: 'PublicLink',
        id: '2',
        link: 'https://localhost/link-2',
        title: 'Link 2',
        description: null,
        newTab: true,
      },
    ]
    const publicLinkQuery = mockPublicLinks(publicLinks)
    mockPublicLinksSubscription()

    const view = await visitView('/login')

    await waitUntilApisResolved(publicLinkQuery)

    const navigation = view.getByRole('navigation')
    const links = getAllByRole(navigation, 'link')

    expect(links).toHaveLength(publicLinks.length)

    expect(links[0]).toHaveAttribute('href', publicLinks[0].link)
    expect(links[0]).toHaveAttribute('title', publicLinks[0].description)
    expect(links[0]).toHaveTextContent(publicLinks[0].title)
    expect(links[0]).not.toHaveAttribute('target', '_blank')

    expect(links[1]).toHaveAttribute('href', publicLinks[1].link)
    expect(links[1]).toHaveTextContent(publicLinks[1].title)
    expect(links[1]).toHaveAttribute('target', '_blank')
  })

  it('rerenders links, when subscription is triggered', async () => {
    const publicLinkQuery = mockPublicLinks([])
    const subcription = mockPublicLinksSubscription()

    const view = await visitView('/login')
    await waitUntilApisResolved(publicLinkQuery)

    expect(view.queryByRole('navigation')).not.toBeInTheDocument()

    await subcription.next({
      data: {
        publicLinkUpdates: {
          __typename: 'PublicLinkUpdatesPayload',
          publicLinks: [
            {
              __typename: 'PublicLink',
              id: '1',
              link: 'https://localhost/link-1',
              description: 'some-description',
              title: 'Link 1',
              newTab: false,
            },
          ],
        },
      },
    })

    const navigation = view.getByRole('navigation')
    const links = getAllByRole(navigation, 'link')

    expect(links).toHaveLength(1)
    expect(links[0]).toHaveAttribute('href', 'https://localhost/link-1')
  })

  it('always renders a powered by link', async () => {
    const publicLinkQuery = mockPublicLinks([])
    mockPublicLinksSubscription()

    const view = await visitView('/login')

    await waitUntilApisResolved(publicLinkQuery)

    const link = view.getByText('Zammad')

    expect(link).toHaveAttribute('href', 'https://zammad.org')
    expect(link).toHaveAttribute('target', '_blank')

    const text = link.previousElementSibling

    expect(text).toHaveTextContent('Powered by')
  })

  it('does not render a footer logo by default', async () => {
    const publicLinkQuery = mockPublicLinks([])
    mockPublicLinksSubscription()

    const view = await visitView('/login')

    await waitUntilApisResolved(publicLinkQuery)

    expect(view.queryByAltText('Logo')).not.toBeInTheDocument()
  })
})