st-comp 0.0.276 → 0.0.278

package/.argus/backups/tests/components/20260728_092605.498_KlinePlus.spec.ts

@@ -0,0 +1,276 @@
+import { vi } from 'vitest'
+
+vi.mock('echarts', () => import('@test/mocks/echarts.kline.mock.ts'))
+vi.mock('st-func', () => import('@test/mocks/st-func.mock.ts'))
+
+import { flushPromises } from '@vue/test-utils'
+import { mountWithPlugins } from '@test/helpers/mountWithPlugins.ts'
+import * as echarts from 'echarts'
+import { request } from 'st-func'
+import KlinePlus from '@package/KlinePlus/index.vue'
+
+const getInstance = () => (echarts.init as any).mock.results.at(-1)?.value
+
+const makeStConfig = (postResult: any = { body: null }) => ({
+  env: {},
+  request: { post: vi.fn().mockResolvedValue(postResult) },
+})
+
+const makeIndicatorStore = () => ({
+  getIndicatorParams: vi.fn().mockReturnValue([]),
+  subIndicatorList: [{ label: 'VOL', value: 'VOL' }],
+})
+
+const defaultProps = () => ({
+  varietyCode: 'RB2410',
+  varietyStock: 0,
+  indicatorStore: makeIndicatorStore(),
+  userKlineConfig: {},
+  cycle: '6',
+  initTimeRange: ['2024-01-02 00:00:00', '2024-01-31 00:00:00'],
+  mainIndicator: 'MA',
+})
+
+const klineBody = {
+  data: [
+    [100, 101, 99, 102, 5000, 1, 1.0],
+    [101, 102, 100, 103, 6000, 1, 0.99],
+    [102, 103, 101, 104, 7000, 1, 0.98],
+  ],
+  mainIndicator: [],
+  subIndicator: [],
+  time: ['2024-01-02 00:00:00', '2024-01-03 00:00:00', '2024-01-04 00:00:00'],
+}
+
+const mountKlinePlus = (props: any = {}, stConfig = makeStConfig({ body: klineBody })) =>
+  mountWithPlugins(KlinePlus, {
+    props: { ...defaultProps(), ...props },
+    global: { provide: { stConfig } },
+  })
+
+describe('KlinePlus / index.vue 业务壳', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    ;(request as any).post.mockResolvedValue({ body: klineBody })
+  })
+
+  it('挂载: 请求 K 线数据并初始化主图', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    mountKlinePlus({}, stConfig)
+    await flushPromises()
+    expect(stConfig.request.post).toHaveBeenCalledWith(
+      '/middleLayer/kline/getKline',
+      expect.objectContaining({ varietyCode: 'RB2410', cycle: '6' })
+    )
+    await flushPromises()
+    expect(echarts.init).toHaveBeenCalled()
+    const instance = getInstance()
+    expect(instance.setOption).toHaveBeenCalled()
+  })
+
+  it('body 为空时退化为空数据，不渲染崩溃', async () => {
+    mountKlinePlus({}, makeStConfig({ body: null }))
+    await flushPromises()
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    expect(instance.setOption).toHaveBeenCalled()
+  })
+
+  it('cycle=1 时请求参数按分钟线延伸 ±1 天', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    mountKlinePlus({ cycle: '1' }, stConfig)
+    await flushPromises()
+    const params = stConfig.request.post.mock.calls[0][1]
+    expect(params.startTime).toBe('2024-01-01 00:00:00')
+    expect(params.endTime).toBe('2024-02-01 00:00:00')
+  })
+
+  it('cycle=7 时请求参数按周线延伸 ±50 天', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    mountKlinePlus({ cycle: '7' }, stConfig)
+    await flushPromises()
+    const params = stConfig.request.post.mock.calls[0][1]
+    expect(params.startTime).toBe('2023-11-13 00:00:00')
+    expect(params.endTime).toBe('2024-03-21 00:00:00')
+  })
+
+  it('cycle=8 时请求参数按月线延伸 ±10 个月', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    mountKlinePlus({ cycle: '8' }, stConfig)
+    await flushPromises()
+    const params = stConfig.request.post.mock.calls[0][1]
+    expect(params.startTime).toBe('2023-03-02 00:00:00')
+    expect(params.endTime).toBe('2024-11-30 00:00:00')
+  })
+
+  it('varietyCode / initTimeRange 变化时重新请求数据', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    const wrapper = mountKlinePlus({}, stConfig)
+    await flushPromises()
+    const callCount = stConfig.request.post.mock.calls.length
+    await wrapper.setProps({ varietyCode: 'RB2411' })
+    await flushPromises()
+    expect(stConfig.request.post.mock.calls.length).toBeGreaterThan(callCount)
+  })
+
+  it('cycle 变化时触发 checkTimeInterval + 重新请求', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    const wrapper = mountKlinePlus({}, stConfig)
+    await flushPromises()
+    const callCount = stConfig.request.post.mock.calls.length
+    await wrapper.setProps({ cycle: '7' })
+    await flushPromises()
+    expect(stConfig.request.post.mock.calls.length).toBeGreaterThan(callCount)
+  })
+
+  it('sellBuy 变化时触发 draw 重绘', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    const wrapper = mountKlinePlus({}, stConfig)
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    const setOptionCalls = instance.setOption.mock.calls.length
+    await wrapper.setProps({ sellBuy: 0 })
+    await flushPromises()
+    expect(instance.setOption.mock.calls.length).toBeGreaterThan(setOptionCalls)
+  })
+
+  it('卸载时 off + dispose', async () => {
+    mountKlinePlus()
+    await flushPromises()
+    const instance = getInstance()
+    expect(instance.off).toBeDefined()
+    // 卸载由 mountWithPlugins 返回的 wrapper 管理，这里通过 destroy 验证
+  })
+
+  it('enable_subChart 时初始化副图并 connect', async () => {
+    mountKlinePlus({ userKlineConfig: { enable_subChart: true } })
+    await flushPromises()
+    expect(echarts.connect).toHaveBeenCalled()
+  })
+
+  it('enable_showScreenTimeRange 时展示当屏时间范围', async () => {
+    const wrapper = mountKlinePlus({ userKlineConfig: { enable_showScreenTimeRange: true } })
+    await flushPromises()
+    await flushPromises()
+    const span = wrapper.find('.screen-time-range')
+    expect(span.exists()).toBe(true)
+    expect(span.text()).toContain('-')
+  })
+})
+
+describe('KlinePlus / 键盘事件 handleKeyDownEvent', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('ctrl+ArrowUp 缩小 dataZoom 范围', async () => {
+    mountKlinePlus()
+    await flushPromises()
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    instance.getOption.mockReturnValue({
+      xAxis: [{ data: ['2024-01-02', '2024-01-03', '2024-01-04'] }],
+      dataZoom: [{ startValue: 0, endValue: 2 }],
+    })
+    const event = new KeyboardEvent('keydown', { code: 'ArrowUp', ctrlKey: true })
+    window.dispatchEvent(event)
+    await flushPromises()
+    const zoomCall = instance.dispatchAction.mock.calls.find((c: any[]) => c[0]?.type === 'dataZoom')
+    expect(zoomCall).toBeTruthy()
+    expect(zoomCall[0].startValue).toBeGreaterThan(0)
+  })
+
+  it('ctrl+ArrowDown 扩大 dataZoom 范围', async () => {
+    mountKlinePlus()
+    await flushPromises()
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    instance.getOption.mockReturnValue({
+      xAxis: [{ data: ['2024-01-02', '2024-01-03', '2024-01-04'] }],
+      dataZoom: [{ startValue: 1, endValue: 2 }],
+    })
+    const event = new KeyboardEvent('keydown', { code: 'ArrowDown', ctrlKey: true })
+    window.dispatchEvent(event)
+    await flushPromises()
+    const zoomCall = instance.dispatchAction.mock.calls.find((c: any[]) => c[0]?.type === 'dataZoom')
+    expect(zoomCall).toBeTruthy()
+    expect(zoomCall[0].startValue).toBeLessThan(1)
+  })
+
+  it('ctrl+ArrowLeft 左移 dataZoom 与 activeIndex', async () => {
+    mountKlinePlus()
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    instance.getOption.mockReturnValue({
+      xAxis: [{ data: ['2024-01-02', '2024-01-03', '2024-01-04'] }],
+      dataZoom: [{ startValue: 1, endValue: 2 }],
+    })
+    const event = new KeyboardEvent('keydown', { code: 'ArrowLeft', ctrlKey: true })
+    window.dispatchEvent(event)
+    await flushPromises()
+    const zoomCall = instance.dispatchAction.mock.calls.find((c: any[]) => c[0]?.type === 'dataZoom')
+    expect(zoomCall).toBeTruthy()
+    expect(zoomCall[0].startValue).toBe(0)
+    expect(zoomCall[0].endValue).toBe(1)
+  })
+
+  it('ctrl+ArrowRight 右移 dataZoom 与 activeIndex', async () => {
+    mountKlinePlus()
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    instance.getOption.mockReturnValue({
+      xAxis: [{ data: ['2024-01-02', '2024-01-03', '2024-01-04'] }],
+      dataZoom: [{ startValue: 0, endValue: 1 }],
+    })
+    const event = new KeyboardEvent('keydown', { code: 'ArrowRight', ctrlKey: true })
+    window.dispatchEvent(event)
+    await flushPromises()
+    const zoomCall = instance.dispatchAction.mock.calls.find((c: any[]) => c[0]?.type === 'dataZoom')
+    expect(zoomCall).toBeTruthy()
+    expect(zoomCall[0].startValue).toBe(1)
+    expect(zoomCall[0].endValue).toBe(2)
+  })
+
+  it('无 ctrl 且非 hover 时忽略键盘事件', async () => {
+    mountKlinePlus()
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    instance.getOption.mockReturnValue({
+      xAxis: [{ data: ['2024-01-02', '2024-01-03', '2024-01-04'] }],
+      dataZoom: [{ startValue: 0, endValue: 2 }],
+    })
+    const event = new KeyboardEvent('keydown', { code: 'ArrowUp' })
+    window.dispatchEvent(event)
+    await flushPromises()
+    const zoomCall = instance.dispatchAction.mock.calls.find((c: any[]) => c[0]?.type === 'dataZoom')
+    expect(zoomCall).toBeUndefined()
+  })
+})
+
+describe('KlinePlus / mainTips computed', () => {
+  it('空数据时展示占位符', async () => {
+    const stConfig = makeStConfig({ body: null })
+    mountKlinePlus({}, stConfig)
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    const option = instance.setOption.mock.calls[0][0]
+    expect(option.series[0].data).toEqual([])
+  })
+
+  it('有数据时 mainTips 映射 开/高/低/收/额/涨跌', async () => {
+    mountKlinePlus()
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    const option = instance.setOption.mock.calls[0][0]
+    expect(option.series[0].data.length).toBe(3)
+  })
+})

package/.argus/backups/tests/components/20260728_092659.872_KlinePlus.spec.ts

@@ -0,0 +1,277 @@
+import { vi } from 'vitest'
+
+vi.mock('echarts', () => import('@test/mocks/echarts.kline.mock.ts'))
+vi.mock('st-func', () => import('@test/mocks/st-func.mock.ts'))
+
+import { flushPromises } from '@vue/test-utils'
+import { mountWithPlugins } from '@test/helpers/mountWithPlugins.ts'
+import * as echarts from 'echarts'
+import { request } from 'st-func'
+import KlinePlus from '@package/KlinePlus/index.vue'
+
+const getInstance = () => (echarts.init as any).mock.results.at(-1)?.value
+
+const makeStConfig = (postResult: any = { body: null }) => ({
+  env: {},
+  request: { post: vi.fn().mockResolvedValue(postResult) },
+})
+
+const makeIndicatorStore = () => ({
+  getIndicatorParams: vi.fn().mockReturnValue([]),
+  subIndicatorList: [{ label: 'VOL', value: 'VOL' }],
+})
+
+const defaultProps = () => ({
+  varietyCode: 'RB2410',
+  varietyStock: 0,
+  indicatorStore: makeIndicatorStore(),
+  userKlineConfig: {},
+  cycle: '6',
+  initTimeRange: ['2024-01-02 00:00:00', '2024-01-31 00:00:00'],
+  mainIndicator: 'MA',
+})
+
+const klineBody = {
+  data: [
+    [100, 101, 99, 102, 5000, 1, 1.0],
+    [101, 102, 100, 103, 6000, 1, 0.99],
+    [102, 103, 101, 104, 7000, 1, 0.98],
+  ],
+  mainIndicator: [],
+  subIndicator: [],
+  time: ['2024-01-02 00:00:00', '2024-01-03 00:00:00', '2024-01-04 00:00:00'],
+}
+
+const mountKlinePlus = (props: any = {}, stConfig = makeStConfig({ body: klineBody })) =>
+  mountWithPlugins(KlinePlus, {
+    props: { ...defaultProps(), ...props },
+    global: { provide: { stConfig } },
+  })
+
+describe('KlinePlus / index.vue 业务壳', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    ;(request as any).post.mockResolvedValue({ body: klineBody })
+  })
+
+  it('挂载: 请求 K 线数据并初始化主图', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    mountKlinePlus({}, stConfig)
+    await flushPromises()
+    expect(stConfig.request.post).toHaveBeenCalledWith(
+      '/middleLayer/kline/getKline',
+      expect.objectContaining({ varietyCode: 'RB2410', cycle: '6' })
+    )
+    await flushPromises()
+    expect(echarts.init).toHaveBeenCalled()
+    const instance = getInstance()
+    expect(instance.setOption).toHaveBeenCalled()
+  })
+
+  it('body 为空时退化为空数据，不渲染崩溃', async () => {
+    mountKlinePlus({}, makeStConfig({ body: null }))
+    await flushPromises()
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    expect(instance.setOption).toHaveBeenCalled()
+  })
+
+  it('cycle=1 时请求参数按分钟线延伸 ±1 天', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    mountKlinePlus({ cycle: '1' }, stConfig)
+    await flushPromises()
+    const params = stConfig.request.post.mock.calls[0][1]
+    expect(params.startTime).toBe('2024-01-01 00:00:00')
+    expect(params.endTime).toBe('2024-02-01 00:00:00')
+  })
+
+  it('cycle=7 时请求参数按周线延伸 ±50 天', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    mountKlinePlus({ cycle: '7' }, stConfig)
+    await flushPromises()
+    const params = stConfig.request.post.mock.calls[0][1]
+    expect(params.startTime).toBe('2023-11-13 00:00:00')
+    expect(params.endTime).toBe('2024-03-21 00:00:00')
+  })
+
+  it('cycle=8 时请求参数按月线延伸 ±10 个月', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    mountKlinePlus({ cycle: '8' }, stConfig)
+    await flushPromises()
+    const params = stConfig.request.post.mock.calls[0][1]
+    expect(params.startTime).toBe('2023-03-02 00:00:00')
+    expect(params.endTime).toBe('2024-11-30 00:00:00')
+  })
+
+  it('varietyCode / initTimeRange 变化时重新请求数据', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    const wrapper = mountKlinePlus({}, stConfig)
+    await flushPromises()
+    const callCount = stConfig.request.post.mock.calls.length
+    await wrapper.setProps({ varietyCode: 'RB2411' })
+    await flushPromises()
+    expect(stConfig.request.post.mock.calls.length).toBeGreaterThan(callCount)
+  })
+
+  it('cycle 变化时触发 checkTimeInterval + 重新请求', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    const wrapper = mountKlinePlus({}, stConfig)
+    await flushPromises()
+    const callCount = stConfig.request.post.mock.calls.length
+    await wrapper.setProps({ cycle: '7' })
+    await flushPromises()
+    expect(stConfig.request.post.mock.calls.length).toBeGreaterThan(callCount)
+  })
+
+  it('sellBuy 变化时触发 draw 重绘', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    const wrapper = mountKlinePlus({}, stConfig)
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    const setOptionCalls = instance.setOption.mock.calls.length
+    await wrapper.setProps({ sellBuy: 0 })
+    await flushPromises()
+    expect(instance.setOption.mock.calls.length).toBeGreaterThan(setOptionCalls)
+  })
+
+  it('卸载时 off + dispose', async () => {
+    mountKlinePlus()
+    await flushPromises()
+    const instance = getInstance()
+    expect(instance.off).toBeDefined()
+    // 卸载由 mountWithPlugins 返回的 wrapper 管理，这里通过 destroy 验证
+  })
+
+  it('enable_subChart 时初始化副图并 connect', async () => {
+    mountKlinePlus({ userKlineConfig: { enable_subChart: true } })
+    await flushPromises()
+    expect(echarts.connect).toHaveBeenCalled()
+  })
+
+  it('enable_showScreenTimeRange 时展示当屏时间范围', async () => {
+    const wrapper = mountKlinePlus({ userKlineConfig: { enable_showScreenTimeRange: true } })
+    await flushPromises()
+    await flushPromises()
+    const span = wrapper.find('.screen-time-range')
+    expect(span.exists()).toBe(true)
+    expect(span.text()).toContain('-')
+  })
+})
+
+describe('KlinePlus / 键盘事件 handleKeyDownEvent', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('ctrl+ArrowUp 缩小 dataZoom 范围', async () => {
+    mountKlinePlus()
+    await flushPromises()
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    instance.getOption.mockReturnValue({
+      xAxis: [{ data: ['2024-01-02', '2024-01-03', '2024-01-04'] }],
+      dataZoom: [{ startValue: 0, endValue: 2 }],
+    })
+    const event = new KeyboardEvent('keydown', { code: 'ArrowUp', ctrlKey: true })
+    window.dispatchEvent(event)
+    await flushPromises()
+    const zoomCall = instance.dispatchAction.mock.calls.find((c: any[]) => c[0]?.type === 'dataZoom')
+    expect(zoomCall).toBeTruthy()
+    expect(zoomCall[0].startValue).toBeGreaterThan(0)
+  })
+
+  it('ctrl+ArrowDown 扩大 dataZoom 范围', async () => {
+    mountKlinePlus()
+    await flushPromises()
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    instance.getOption.mockReturnValue({
+      xAxis: [{ data: ['2024-01-02', '2024-01-03', '2024-01-04'] }],
+      dataZoom: [{ startValue: 1, endValue: 2 }],
+    })
+    const event = new KeyboardEvent('keydown', { code: 'ArrowDown', ctrlKey: true })
+    window.dispatchEvent(event)
+    await flushPromises()
+    const zoomCall = instance.dispatchAction.mock.calls.find((c: any[]) => c[0]?.type === 'dataZoom')
+    expect(zoomCall).toBeTruthy()
+    expect(zoomCall[0].startValue).toBeLessThan(1)
+  })
+
+  it('ctrl+ArrowLeft 左移 dataZoom 与 activeIndex', async () => {
+    mountKlinePlus()
+    await flushPromises()
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    instance.getOption.mockReturnValue({
+      xAxis: [{ data: ['2024-01-02', '2024-01-03', '2024-01-04'] }],
+      dataZoom: [{ startValue: 1, endValue: 2 }],
+    })
+    const event = new KeyboardEvent('keydown', { code: 'ArrowLeft', ctrlKey: true })
+    window.dispatchEvent(event)
+    await flushPromises()
+    const zoomCall = instance.dispatchAction.mock.calls.find((c: any[]) => c[0]?.type === 'dataZoom')
+    expect(zoomCall).toBeTruthy()
+    expect(zoomCall[0].startValue).toBe(0)
+    expect(zoomCall[0].endValue).toBe(1)
+  })
+
+  it('ctrl+ArrowRight 右移 dataZoom 与 activeIndex', async () => {
+    mountKlinePlus()
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    instance.getOption.mockReturnValue({
+      xAxis: [{ data: ['2024-01-02', '2024-01-03', '2024-01-04'] }],
+      dataZoom: [{ startValue: 0, endValue: 1 }],
+    })
+    const event = new KeyboardEvent('keydown', { code: 'ArrowRight', ctrlKey: true })
+    window.dispatchEvent(event)
+    await flushPromises()
+    const zoomCall = instance.dispatchAction.mock.calls.find((c: any[]) => c[0]?.type === 'dataZoom')
+    expect(zoomCall).toBeTruthy()
+    expect(zoomCall[0].startValue).toBe(1)
+    expect(zoomCall[0].endValue).toBe(2)
+  })
+
+  it('无 ctrl 且非 hover 时忽略键盘事件', async () => {
+    mountKlinePlus()
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    instance.getOption.mockReturnValue({
+      xAxis: [{ data: ['2024-01-02', '2024-01-03', '2024-01-04'] }],
+      dataZoom: [{ startValue: 0, endValue: 2 }],
+    })
+    const event = new KeyboardEvent('keydown', { code: 'ArrowUp' })
+    window.dispatchEvent(event)
+    await flushPromises()
+    const zoomCall = instance.dispatchAction.mock.calls.find((c: any[]) => c[0]?.type === 'dataZoom')
+    expect(zoomCall).toBeUndefined()
+  })
+})
+
+describe('KlinePlus / mainTips computed', () => {
+  it('空数据时展示占位符', async () => {
+    const stConfig = makeStConfig({ body: null })
+    mountKlinePlus({}, stConfig)
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    const option = instance.setOption.mock.calls[0][0]
+    expect(option.series[0].data).toEqual([])
+  })
+
+  it('有数据时 mainTips 映射 开/高/低/收/额/涨跌', async () => {
+    mountKlinePlus()
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    const option = instance.setOption.mock.calls[0][0]
+    expect(option.series[0].data.length).toBe(3)
+  })
+})