supabase/apps/studio/components/interfaces/Database/Publications/PublicationsAvailability.test.tsx

import { render, screen } from '@testing-library/react'
import { beforeEach, describe, expect, it, vi } from 'vitest'

import { PublicationsAvailability } from './PublicationsAvailability'

const { mockUseHighAvailability } = vi.hoisted(() => ({
  mockUseHighAvailability: vi.fn(),
}))

vi.mock('@/hooks/misc/useHighAvailability', () => ({
  useHighAvailability: mockUseHighAvailability,
}))

describe('PublicationsAvailability', () => {
  beforeEach(() => {
    vi.clearAllMocks()
  })

  it('shows the disabled empty state instead of page content for High Availability projects', () => {
    mockUseHighAvailability.mockReturnValue({ isHighAvailability: true })

    render(
      <PublicationsAvailability>
        <div>Publications content</div>
      </PublicationsAvailability>
    )

    expect(
      screen.getByText('Publications unavailable on High Availability projects')
    ).toBeInTheDocument()
    expect(
      screen.getByText(
        "We're working to bring publications to High Availability projects. Contact support if this is blocking your work."
      )
    ).toBeInTheDocument()
    expect(screen.queryByText('Publications content')).not.toBeInTheDocument()
  })

  it('renders page content for non-High Availability projects', () => {
    mockUseHighAvailability.mockReturnValue({ isHighAvailability: false })

    render(
      <PublicationsAvailability>
        <div>Publications content</div>
      </PublicationsAvailability>
    )

    expect(screen.getByText('Publications content')).toBeInTheDocument()
    expect(
      screen.queryByText('Publications unavailable on High Availability projects')
    ).not.toBeInTheDocument()
  })
})