youngkingdom/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-05 18:08:07 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(web): migrate to Vitest and esm (#29974)

Browse Source 
Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
Co-authored-by: yyh <yuanyouhuilyz@gmail.com>
This commit is contained in:
Stephen Zhou
2025-12-22 16:35:22 +08:00
committed by GitHub
parent 42f7ecda12
commit eabdc5f0eb
268 changed files with 5455 additions and 6307 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
web/app/components/base/drawer/index.spec.tsx
View File

@ -7,7 +7,7 @@ import type { IDrawerProps } from './index'
let capturedDialogOnClose: (() => void) | null = null
// Mock @headlessui/react
jest.mock('@headlessui/react', () => ({
vi.mock('@headlessui/react', () => ({
Dialog: ({ children, open, onClose, className, unmount }: {
children: React.ReactNode
open: boolean
@ -55,7 +55,7 @@ jest.mock('@headlessui/react', () => ({
}))
// Mock XMarkIcon
jest.mock('@heroicons/react/24/outline', () => ({
vi.mock('@heroicons/react/24/outline', () => ({
XMarkIcon: ({ className, onClick }: { className: string; onClick?: () => void }) => (
<svg data-testid="close-icon" className={className} onClick={onClick} />
),
@ -64,7 +64,7 @@ jest.mock('@heroicons/react/24/outline', () => ({
// Helper function to render Drawer with default props
const defaultProps: IDrawerProps = {
isOpen: true,
onClose: jest.fn(),
onClose: vi.fn(),
children: <div data-testid="drawer-content">Content</div>,
}
@ -75,7 +75,7 @@ const renderDrawer = (props: Partial<IDrawerProps> = {}) => {
describe('Drawer', () => {
beforeEach(() => {
jest.clearAllMocks()
vi.clearAllMocks()
capturedDialogOnClose = null
})
@ -188,7 +188,7 @@ describe('Drawer', () => {
it('should call onClose when close icon is clicked', () => {
// Arrange
const onClose = jest.fn()
const onClose = vi.fn()
renderDrawer({ showClose: true, onClose })
// Act
@ -237,7 +237,7 @@ describe('Drawer', () => {
it('should call onClose when backdrop is clicked and clickOutsideNotOpen is false', () => {
// Arrange
const onClose = jest.fn()
const onClose = vi.fn()
renderDrawer({ onClose, clickOutsideNotOpen: false })
// Act
@ -249,7 +249,7 @@ describe('Drawer', () => {
it('should not call onClose when backdrop is clicked and clickOutsideNotOpen is true', () => {
// Arrange
const onClose = jest.fn()
const onClose = vi.fn()
renderDrawer({ onClose, clickOutsideNotOpen: true })
// Act
@ -294,7 +294,7 @@ describe('Drawer', () => {
it('should call onCancel when cancel button is clicked', () => {
// Arrange
const onCancel = jest.fn()
const onCancel = vi.fn()
renderDrawer({ onCancel })
// Act
@ -307,7 +307,7 @@ describe('Drawer', () => {
it('should call onOk when save button is clicked', () => {
// Arrange
const onOk = jest.fn()
const onOk = vi.fn()
renderDrawer({ onOk })
// Act
@ -496,7 +496,7 @@ describe('Drawer', () => {
it('should handle rapid open/close toggles', () => {
// Arrange
const onClose = jest.fn()
const onClose = vi.fn()
const { rerender } = render(
<Drawer {...defaultProps} isOpen={true} onClose={onClose}>
<div>Content</div>
@ -556,7 +556,7 @@ describe('Drawer', () => {
// Arrange
const minimalProps: IDrawerProps = {
isOpen: true,
onClose: jest.fn(),
onClose: vi.fn(),
children: <div>Minimal Content</div>,
}
@ -582,7 +582,7 @@ describe('Drawer', () => {
it('should handle noOverlay with clickOutsideNotOpen', () => {
// Arrange
const onClose = jest.fn()
const onClose = vi.fn()
// Act
renderDrawer({
@ -600,7 +600,7 @@ describe('Drawer', () => {
describe('Dialog onClose Callback', () => {
it('should call onClose when Dialog triggers close and clickOutsideNotOpen is false', () => {
// Arrange
const onClose = jest.fn()
const onClose = vi.fn()
renderDrawer({ onClose, clickOutsideNotOpen: false })
// Act - Simulate Dialog's onClose (e.g., pressing Escape)
@ -612,7 +612,7 @@ describe('Drawer', () => {
it('should not call onClose when Dialog triggers close and clickOutsideNotOpen is true', () => {
// Arrange
const onClose = jest.fn()
const onClose = vi.fn()
renderDrawer({ onClose, clickOutsideNotOpen: true })
// Act - Simulate Dialog's onClose (e.g., pressing Escape)
@ -624,7 +624,7 @@ describe('Drawer', () => {
it('should call onClose by default when Dialog triggers close', () => {
// Arrange
const onClose = jest.fn()
const onClose = vi.fn()
renderDrawer({ onClose })
// Act
@ -639,7 +639,7 @@ describe('Drawer', () => {
describe('Event Handler Interactions', () => {
it('should handle multiple consecutive close icon clicks', () => {
// Arrange
const onClose = jest.fn()
const onClose = vi.fn()
renderDrawer({ showClose: true, onClose })
// Act
@ -654,7 +654,7 @@ describe('Drawer', () => {
it('should handle onCancel and onOk being the same function', () => {
// Arrange
const handler = jest.fn()
const handler = vi.fn()
renderDrawer({ onCancel: handler, onOk: handler })
// Act