webui/src/pages/http/HttpRouter.spec.tsx - master - githubmirror/traefik

webui/src/pages/http/HttpRouter.spec.tsx
114 строк6 KB
Gina A.
Details pages UI improvement
16 дек 2025, 18:30
16 дек 2025, 18:304854dee
import { RouterDetail } from 'components/routers/RouterDetail'
import apiEntrypoints from 'mocks/data/api-entrypoints.json'
import apiHttpMiddlewares from 'mocks/data/api-http_middlewares.json'
import apiHttpRouters from 'mocks/data/api-http_routers.json'
import { renderWithProviders } from 'utils/test'

describe('<HttpRouterPage />', () => {
  it('should render the error message', () => {
    const { getByTestId } = renderWithProviders(
      <RouterDetail name="mock-router" data={undefined} error={new Error('Test error')} protocol="http" />,
      { route: '/http/routers/mock-router', withPage: true },
    )
    expect(getByTestId('error-text')).toBeInTheDocument()
  })

  it('should render the skeleton', () => {
    const { getByTestId } = renderWithProviders(
      <RouterDetail name="mock-router" data={undefined} error={undefined} protocol="http" />,
      { route: '/http/routers/mock-router', withPage: true },
    )
    expect(getByTestId('skeleton')).toBeInTheDocument()
  })

  it('should render the not found page', () => {
    const { getByTestId } = renderWithProviders(
      <RouterDetail name="mock-router" data={{} as Resource.DetailsData} error={undefined} protocol="http" />,
      { route: '/http/routers/mock-router', withPage: true },
    )
    expect(getByTestId('Not found page')).toBeInTheDocument()
  })

  it('should render the router details', async () => {
    const router = apiHttpRouters.find((x) => x.name === 'orphan-router@file')
    const mockData = {
      ...router!,
      middlewares: apiHttpMiddlewares.filter((x) => router?.middlewares?.includes(x.name)),
      hasValidMiddlewares: true,
      entryPointsData: apiEntrypoints.filter((x) => router?.using?.includes(x.name)),
    }

    const { getByTestId } = renderWithProviders(
      // eslint-disable-next-line @typescript-eslint/no-explicit-any
      <RouterDetail name="mock-router" data={mockData as any} error={undefined} protocol="http" />,
      { route: '/http/routers/orphan-router@file', withPage: true },
    )

    const routerStructure = getByTestId('router-structure')
    expect(routerStructure.innerHTML).toContain(':80')
    expect(routerStructure.innerHTML).toContain(':443')
    expect(routerStructure.innerHTML).toContain(':8080')
    expect(routerStructure.innerHTML).toContain(':8002')
    expect(routerStructure.innerHTML).toContain(':8003')
    expect(routerStructure.innerHTML).toContain('middleware00')
    expect(routerStructure.innerHTML).toContain('middleware01')
    expect(routerStructure.innerHTML).toContain('middleware02')
    expect(routerStructure.innerHTML).toContain('middleware03')
    expect(routerStructure.innerHTML).toContain('middleware04')
    expect(routerStructure.innerHTML).toContain('middleware05')
    expect(routerStructure.innerHTML).toContain('middleware06')
    expect(routerStructure.innerHTML).toContain('middleware07')
    expect(routerStructure.innerHTML).toContain('middleware08')
    expect(routerStructure.innerHTML).toContain('middleware09')
    expect(routerStructure.innerHTML).toContain('middleware10')
    expect(routerStructure.innerHTML).toContain('middleware11')
    expect(routerStructure.innerHTML).toContain('middleware12')
    expect(routerStructure.innerHTML).toContain('middleware13')
    expect(routerStructure.innerHTML).toContain('middleware14')
    expect(routerStructure.innerHTML).toContain('middleware15')
    expect(routerStructure.innerHTML).toContain('middleware16')
    expect(routerStructure.innerHTML).toContain('middleware17')
    expect(routerStructure.innerHTML).toContain('middleware18')
    expect(routerStructure.innerHTML).toContain('middleware19')
    expect(routerStructure.innerHTML).toContain('middleware20')
    expect(routerStructure.innerHTML).toContain('unexistingservice')
    expect(routerStructure.innerHTML).toContain('HTTP Router')
    expect(routerStructure.innerHTML).not.toContain('TCP Router')

    const routerDetailsSection = getByTestId('router-details')

    expect(routerDetailsSection?.innerHTML).toContain('Error')
    expect(routerDetailsSection?.querySelector('svg[data-testid="file"]')).toBeTruthy()
    expect(routerDetailsSection?.innerHTML).toContain(
      'Path(`somethingreallyunexpectedbutalsoverylongitgetsoutofthecontainermaybe`)',
    )

    expect(routerStructure.innerHTML).toContain('middleware00')
    expect(routerStructure.innerHTML).toContain('middleware01')
    expect(routerStructure.innerHTML).toContain('middleware02')
    expect(routerStructure.innerHTML).toContain('middleware03')
    expect(routerStructure.innerHTML).toContain('middleware04')
    expect(routerStructure.innerHTML).toContain('middleware05')
    expect(routerStructure.innerHTML).toContain('middleware06')
    expect(routerStructure.innerHTML).toContain('middleware07')
    expect(routerStructure.innerHTML).toContain('middleware08')
    expect(routerStructure.innerHTML).toContain('middleware09')
    expect(routerStructure.innerHTML).toContain('middleware10')
    expect(routerStructure.innerHTML).toContain('middleware11')
    expect(routerStructure.innerHTML).toContain('middleware12')
    expect(routerStructure.innerHTML).toContain('middleware13')
    expect(routerStructure.innerHTML).toContain('middleware14')
    expect(routerStructure.innerHTML).toContain('middleware15')
    expect(routerStructure.innerHTML).toContain('middleware16')
    expect(routerStructure.innerHTML).toContain('middleware17')
    expect(routerStructure.innerHTML).toContain('middleware18')
    expect(routerStructure.innerHTML).toContain('middleware19')
    expect(routerStructure.innerHTML).toContain('middleware20')

    expect(getByTestId('/http/middlewares/middleware00@docker')).toBeInTheDocument()

    expect(getByTestId('/http/middlewares/middleware01@docker')).toBeInTheDocument()

    expect(getByTestId('/http/services/unexistingservice@file')).toBeInTheDocument()
  })
})