fix: tests and named import

This commit is contained in:
yyh
2026-03-02 15:21:53 +08:00
parent 3377240c3b
commit 80f86afbca
3 changed files with 29 additions and 16 deletions

View File

@ -65,6 +65,7 @@ vi.mock('@/context/i18n', () => ({
const { mockConfig, mockEnv } = vi.hoisted(() => ({
mockConfig: {
IS_CLOUD_EDITION: false,
ZENDESK_WIDGET_KEY: '',
},
mockEnv: {
env: {
@ -74,6 +75,7 @@ const { mockConfig, mockEnv } = vi.hoisted(() => ({
}))
vi.mock('@/config', () => ({
get IS_CLOUD_EDITION() { return mockConfig.IS_CLOUD_EDITION },
get ZENDESK_WIDGET_KEY() { return mockConfig.ZENDESK_WIDGET_KEY },
IS_DEV: false,
IS_CE_EDITION: false,
}))

View File

@ -1,6 +1,7 @@
import type { AppContextValue } from '@/context/app-context'
import { fireEvent, render, screen } from '@testing-library/react'
import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from '@/app/components/base/ui/dropdown-menu'
import { Plan } from '@/app/components/billing/type'
import { useAppContext } from '@/context/app-context'
import { baseProviderContextValue, useProviderContext } from '@/context/provider-context'
@ -93,10 +94,21 @@ describe('Support', () => {
})
})
const renderSupport = () => {
return render(
<DropdownMenu open={true} onOpenChange={() => {}}>
<DropdownMenuTrigger>open</DropdownMenuTrigger>
<DropdownMenuContent>
<Support closeAccountDropdown={mockCloseAccountDropdown} />
</DropdownMenuContent>
</DropdownMenu>,
)
}
describe('Rendering', () => {
it('should render support menu trigger', () => {
// Act
render(<Support closeAccountDropdown={mockCloseAccountDropdown} />)
renderSupport()
// Assert
expect(screen.getByText('common.userProfile.support')).toBeInTheDocument()
@ -104,8 +116,8 @@ describe('Support', () => {
it('should show forum and community links when opened', () => {
// Act
render(<Support closeAccountDropdown={mockCloseAccountDropdown} />)
fireEvent.click(screen.getByRole('button'))
renderSupport()
fireEvent.click(screen.getByText('common.userProfile.support'))
// Assert
expect(screen.getByText('common.userProfile.forum')).toBeInTheDocument()
@ -116,8 +128,8 @@ describe('Support', () => {
describe('Plan-based Channels', () => {
it('should show "Contact Us" when ZENDESK_WIDGET_KEY is present', () => {
// Act
render(<Support closeAccountDropdown={mockCloseAccountDropdown} />)
fireEvent.click(screen.getByRole('button'))
renderSupport()
fireEvent.click(screen.getByText('common.userProfile.support'))
// Assert
expect(screen.getByText('common.userProfile.contactUs')).toBeInTheDocument()
@ -134,8 +146,8 @@ describe('Support', () => {
})
// Act
render(<Support closeAccountDropdown={mockCloseAccountDropdown} />)
fireEvent.click(screen.getByRole('button'))
renderSupport()
fireEvent.click(screen.getByText('common.userProfile.support'))
// Assert
expect(screen.queryByText('common.userProfile.contactUs')).not.toBeInTheDocument()
@ -147,8 +159,8 @@ describe('Support', () => {
mockZendeskKey.value = ''
// Act
render(<Support closeAccountDropdown={mockCloseAccountDropdown} />)
fireEvent.click(screen.getByRole('button'))
renderSupport()
fireEvent.click(screen.getByText('common.userProfile.support'))
// Assert
expect(screen.getByText('common.userProfile.emailSupport')).toBeInTheDocument()
@ -159,8 +171,8 @@ describe('Support', () => {
describe('Interactions and Links', () => {
it('should call toggleZendeskWindow and closeAccountDropdown when "Contact Us" is clicked', () => {
// Act
render(<Support closeAccountDropdown={mockCloseAccountDropdown} />)
fireEvent.click(screen.getByRole('button'))
renderSupport()
fireEvent.click(screen.getByText('common.userProfile.support'))
fireEvent.click(screen.getByText('common.userProfile.contactUs'))
// Assert
@ -170,8 +182,8 @@ describe('Support', () => {
it('should have correct forum and community links', () => {
// Act
render(<Support closeAccountDropdown={mockCloseAccountDropdown} />)
fireEvent.click(screen.getByRole('button'))
renderSupport()
fireEvent.click(screen.getByText('common.userProfile.support'))
// Assert
const forumLink = screen.getByText('common.userProfile.forum').closest('a')

View File

@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next'
import { DropdownMenuGroup, DropdownMenuItem, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger } from '@/app/components/base/ui/dropdown-menu'
import { toggleZendeskWindow } from '@/app/components/base/zendesk/utils'
import { Plan } from '@/app/components/billing/type'
import * as config from '@/config'
import { ZENDESK_WIDGET_KEY } from '@/config'
import { useAppContext } from '@/context/app-context'
import { useProviderContext } from '@/context/provider-context'
import { cn } from '@/utils/classnames'
@ -48,8 +48,7 @@ export default function Support({ closeAccountDropdown }: SupportProps) {
const { plan } = useProviderContext()
const { userProfile, langGeniusVersionInfo } = useAppContext()
const hasDedicatedChannel = plan.type !== Plan.sandbox
const zendeskWidgetKey = 'ZENDESK_WIDGET_KEY' in config ? config.ZENDESK_WIDGET_KEY : ''
const hasZendeskWidget = !!zendeskWidgetKey?.trim()
const hasZendeskWidget = !!ZENDESK_WIDGET_KEY?.trim()
return (
<DropdownMenuSub>