model-select.spec.tsx 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. // @vitest-environment jsdom
  2. import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react'
  3. import { afterEach, describe, expect, it, vi } from 'vitest'
  4. import type { ModelTarget } from '@deepseek-ai/dsh-client-connection/client'
  5. import { createSnapshotStore } from '@deepseek-ai/dsh-client-runtime/client'
  6. import type { ModelDirectoryState } from '../src/client/directory.ts'
  7. import { ModelSelect } from '../src/client/ModelSelect.tsx'
  8. const reasoning = {
  9. efforts: [
  10. { id: 'off', name: 'Off' },
  11. { id: 'high', name: 'High' },
  12. { id: 'max', name: 'Max', description: 'Largest budget' },
  13. ],
  14. defaultEffort: 'high',
  15. }
  16. function state(overrides: Partial<ModelDirectoryState> = {}): ModelDirectoryState {
  17. return {
  18. current: { provider: 'deepseek', model: 'deepseek-v4-flash' },
  19. groups: [{
  20. id: 'deepseek',
  21. name: 'DeepSeek',
  22. models: [{ id: 'deepseek-v4-flash', name: 'DeepSeek-V4-Flash', reasoning }],
  23. }],
  24. failures: [],
  25. status: 'ready',
  26. error: null,
  27. ...overrides,
  28. }
  29. }
  30. afterEach(cleanup)
  31. describe('ModelSelect reasoning effort', () => {
  32. it('renders adapter metadata and submits the effort as part of the session target', async () => {
  33. const directory = createSnapshotStore(state())
  34. const select = vi.fn(async (target: ModelTarget) => {
  35. directory.update((snapshot) => { snapshot.current = target })
  36. return true
  37. })
  38. render(<ModelSelect
  39. locked={false}
  40. directory={directory}
  41. load={vi.fn()}
  42. select={select}
  43. />)
  44. const trigger = screen.getByRole('button', {
  45. name: '选择模型,当前 DeepSeek-V4-Flash,推理等级 High',
  46. })
  47. fireEvent.click(trigger)
  48. fireEvent.click(screen.getByRole('menuitem', { name: /Effort/ }))
  49. expect(screen.getAllByRole('menuitemradio').map(item => item.textContent))
  50. .toEqual(['Off', 'High', 'MaxLargest budget'])
  51. fireEvent.click(screen.getByRole('menuitemradio', { name: /Max/ }))
  52. await waitFor(() => {
  53. expect(select).toHaveBeenCalledWith({
  54. provider: 'deepseek',
  55. model: 'deepseek-v4-flash',
  56. reasoningEffort: 'max',
  57. })
  58. expect(trigger.getAttribute('aria-label')).toBe('选择模型,当前 DeepSeek-V4-Flash,推理等级 Max')
  59. })
  60. })
  61. it('offers provider default only when the adapter does not configure a model default', () => {
  62. const directory = createSnapshotStore(state({
  63. groups: [{
  64. id: 'provider',
  65. name: 'Provider',
  66. models: [{
  67. id: 'model',
  68. name: 'Model',
  69. reasoning: { efforts: [{ id: 'standard', name: 'Standard' }] },
  70. }],
  71. }],
  72. current: { provider: 'provider', model: 'model' },
  73. }))
  74. render(<ModelSelect
  75. locked={false}
  76. directory={directory}
  77. load={vi.fn()}
  78. select={vi.fn().mockResolvedValue(true)}
  79. />)
  80. fireEvent.click(screen.getByRole('button', {
  81. name: '选择模型,当前 Model,推理等级 Provider default',
  82. }))
  83. fireEvent.click(screen.getByRole('menuitem', { name: /Effort/ }))
  84. expect(screen.getAllByRole('menuitemradio').map(item => item.textContent))
  85. .toEqual(['Provider default', 'Standard'])
  86. })
  87. })