|
|
@@ -1,6 +1,6 @@
|
|
|
import React from 'react';
|
|
|
import { describe, it, expect, vi, beforeEach } from 'vitest';
|
|
|
-import { render, screen, fireEvent, waitFor } from '@testing-library/react';
|
|
|
+import { render, screen, fireEvent, waitFor, within } from '@testing-library/react';
|
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
|
import { GoodsManagement } from '../../src/components/GoodsManagement';
|
|
|
import { goodsClient, goodsClientManager } from '../../src/api/goodsClient';
|
|
|
@@ -28,26 +28,26 @@ const createMockResponse = (status: number, data?: any) => ({
|
|
|
vi.mock('../../src/api/goodsClient', () => {
|
|
|
const mockGoodsClient = {
|
|
|
index: {
|
|
|
- $get: vi.fn(() => Promise.resolve({ status: 200, body: null })),
|
|
|
- $post: vi.fn(() => Promise.resolve({ status: 201, body: null })),
|
|
|
+ $get: vi.fn(() => Promise.resolve(createMockResponse(200))),
|
|
|
+ $post: vi.fn(() => Promise.resolve(createMockResponse(201))),
|
|
|
},
|
|
|
':id': {
|
|
|
- $put: vi.fn(() => Promise.resolve({ status: 200, body: null })),
|
|
|
- $delete: vi.fn(() => Promise.resolve({ status: 204, body: null })),
|
|
|
+ $put: vi.fn(() => Promise.resolve(createMockResponse(200))),
|
|
|
+ $delete: vi.fn(() => Promise.resolve(createMockResponse(204))),
|
|
|
// 故事006.002新增的父子商品管理API
|
|
|
children: {
|
|
|
- $get: vi.fn(() => Promise.resolve({ status: 200, body: null })),
|
|
|
+ $get: vi.fn(() => Promise.resolve(createMockResponse(200, { data: [], total: 0 }))),
|
|
|
},
|
|
|
'set-as-parent': {
|
|
|
- $post: vi.fn(() => Promise.resolve({ status: 200, body: null })),
|
|
|
+ $post: vi.fn(() => Promise.resolve(createMockResponse(200))),
|
|
|
},
|
|
|
parent: {
|
|
|
- $delete: vi.fn(() => Promise.resolve({ status: 200, body: null })),
|
|
|
+ $delete: vi.fn(() => Promise.resolve(createMockResponse(200))),
|
|
|
},
|
|
|
},
|
|
|
// 故事006.002新增的批量创建API
|
|
|
batchCreateChildren: {
|
|
|
- $post: vi.fn(() => Promise.resolve({ status: 200, body: null })),
|
|
|
+ $post: vi.fn(() => Promise.resolve(createMockResponse(200))),
|
|
|
},
|
|
|
};
|
|
|
|
|
|
@@ -232,13 +232,13 @@ describe('商品管理集成测试', () => {
|
|
|
fireEvent.click(fileSelectors[1]); // 轮播图
|
|
|
|
|
|
// Mock successful creation
|
|
|
- (goodsClient.$post as any).mockResolvedValue(createMockResponse(201, { id: 2, name: '新商品' }));
|
|
|
+ (goodsClient.index.$post as any).mockResolvedValue(createMockResponse(201, { id: 2, name: '新商品' }));
|
|
|
|
|
|
const submitButton = screen.getByText('创建');
|
|
|
fireEvent.click(submitButton);
|
|
|
|
|
|
await waitFor(() => {
|
|
|
- expect(goodsClient.$post).toHaveBeenCalled();
|
|
|
+ expect(goodsClient.index.$post).toHaveBeenCalled();
|
|
|
expect(toast.success).toHaveBeenCalledWith('商品创建成功');
|
|
|
});
|
|
|
|
|
|
@@ -411,7 +411,7 @@ describe('商品管理集成测试', () => {
|
|
|
renderWithProviders(<GoodsManagement />);
|
|
|
|
|
|
// 打开创建商品表单
|
|
|
- const createButton = screen.getByText('创建商品');
|
|
|
+ const createButton = screen.getByTestId('create-goods-button');
|
|
|
fireEvent.click(createButton);
|
|
|
|
|
|
// 验证spuId字段存在
|
|
|
@@ -436,7 +436,7 @@ describe('商品管理集成测试', () => {
|
|
|
renderWithProviders(<GoodsManagement />);
|
|
|
|
|
|
// 打开创建商品表单
|
|
|
- const createButton = screen.getByText('创建商品');
|
|
|
+ const createButton = screen.getByTestId('create-goods-button');
|
|
|
fireEvent.click(createButton);
|
|
|
|
|
|
// 验证可以设置spuId=0
|
|
|
@@ -468,7 +468,7 @@ describe('商品管理集成测试', () => {
|
|
|
renderWithProviders(<GoodsManagement />);
|
|
|
|
|
|
// 打开创建商品表单
|
|
|
- const createButton = screen.getByText('创建商品');
|
|
|
+ const createButton = screen.getByTestId('create-goods-button');
|
|
|
fireEvent.click(createButton);
|
|
|
|
|
|
// 验证可以设置spuId>0和spuName
|
|
|
@@ -500,7 +500,7 @@ describe('商品管理集成测试', () => {
|
|
|
renderWithProviders(<GoodsManagement />);
|
|
|
|
|
|
// 打开创建商品表单
|
|
|
- const createButton = screen.getByText('创建商品');
|
|
|
+ const createButton = screen.getByTestId('create-goods-button');
|
|
|
fireEvent.click(createButton);
|
|
|
|
|
|
// 验证子商品相关UI元素存在
|
|
|
@@ -641,7 +641,7 @@ describe('商品管理集成测试', () => {
|
|
|
renderWithProviders(<GoodsManagement />);
|
|
|
|
|
|
// 1. 打开创建商品表单
|
|
|
- const createButton = screen.getByText('创建商品');
|
|
|
+ const createButton = screen.getByTestId('create-goods-button');
|
|
|
fireEvent.click(createButton);
|
|
|
|
|
|
// 2. 填写基本商品信息
|
|
|
@@ -851,7 +851,7 @@ describe('商品管理集成测试', () => {
|
|
|
renderWithProviders(<GoodsManagement />);
|
|
|
|
|
|
// 打开创建表单
|
|
|
- const createButton = screen.getByText('创建商品');
|
|
|
+ const createButton = screen.getByTestId('create-goods-button');
|
|
|
fireEvent.click(createButton);
|
|
|
|
|
|
await waitFor(() => {
|
|
|
@@ -893,7 +893,7 @@ describe('商品管理集成测试', () => {
|
|
|
renderWithProviders(<GoodsManagement />);
|
|
|
|
|
|
// 打开创建表单
|
|
|
- const createButton = screen.getByText('创建商品');
|
|
|
+ const createButton = screen.getByTestId('create-goods-button');
|
|
|
fireEvent.click(createButton);
|
|
|
|
|
|
await waitFor(() => {
|
|
|
@@ -942,5 +942,347 @@ describe('商品管理集成测试', () => {
|
|
|
// 这里我们验证批量创建API的mock已设置
|
|
|
expect(goodsClientManager.get().batchCreateChildren.$post).toBeDefined();
|
|
|
});
|
|
|
+
|
|
|
+ it('应该完成完整的创建商品和批量创建规格流程', async () => {
|
|
|
+ const mockGoods = {
|
|
|
+ data: [],
|
|
|
+ pagination: { total: 0, page: 1, pageSize: 10 },
|
|
|
+ };
|
|
|
+
|
|
|
+ (goodsClientManager.get().index.$get as any).mockResolvedValue(createMockResponse(200, mockGoods));
|
|
|
+
|
|
|
+ renderWithProviders(<GoodsManagement />);
|
|
|
+
|
|
|
+ // 1. 打开创建表单
|
|
|
+ const createButton = screen.getByTestId('create-goods-button');
|
|
|
+ fireEvent.click(createButton);
|
|
|
+
|
|
|
+ // 等待对话框打开 - 先检查对话框是否显示
|
|
|
+ await waitFor(() => {
|
|
|
+ expect(screen.getByTestId('create-edit-goods-dialog')).toBeInTheDocument();
|
|
|
+ }, { timeout: 5000 });
|
|
|
+
|
|
|
+
|
|
|
+ // 然后等待输入框出现
|
|
|
+ await waitFor(() => {
|
|
|
+ expect(screen.getByTestId('goods-name-input')).toBeInTheDocument();
|
|
|
+ }, { timeout: 5000 });
|
|
|
+
|
|
|
+ // 2. 填写基本商品信息
|
|
|
+ const nameInput = screen.getByTestId('goods-name-input');
|
|
|
+ const priceInput = screen.getByTestId('goods-price-input');
|
|
|
+ fireEvent.change(nameInput, { target: { value: '测试商品-带批量规格' } });
|
|
|
+ fireEvent.change(priceInput, { target: { value: '199.99' } });
|
|
|
+
|
|
|
+ // 3. 填写其他必填字段
|
|
|
+ const costPriceInput = screen.getByTestId('goods-cost-price-input');
|
|
|
+ const stockInput = screen.getByTestId('goods-stock-input');
|
|
|
+ fireEvent.change(costPriceInput, { target: { value: '100.00' } });
|
|
|
+ fireEvent.change(stockInput, { target: { value: '50' } });
|
|
|
+
|
|
|
+ // 4. 验证父子商品管理面板存在
|
|
|
+ await waitFor(() => {
|
|
|
+ expect(screen.getByText('父子商品管理')).toBeInTheDocument();
|
|
|
+ });
|
|
|
+
|
|
|
+ // 5. 在创建模式下，商品默认是父商品，直接点击"批量创建子商品"按钮
|
|
|
+ const batchCreateButton = screen.getByText('批量创建子商品');
|
|
|
+ await waitFor(() => {
|
|
|
+ expect(screen.getByText('批量创建子商品'))
|
|
|
+ })
|
|
|
+
|
|
|
+ fireEvent.click(batchCreateButton);
|
|
|
+
|
|
|
+ // 重新获取切换tab后的对话框元素
|
|
|
+ const createDialog = await screen.findByTestId('create-edit-goods-dialog');
|
|
|
+
|
|
|
+ // 8. 验证BatchSpecCreatorInline组件已渲染
|
|
|
+ // 使用queryByText检查，如果找不到也不失败
|
|
|
+ expect(within(createDialog).getByText('快速模板')).toBeInTheDocument();
|
|
|
+ expect(within(createDialog).getByText('颜色规格模板')).toBeInTheDocument();
|
|
|
+ expect(within(createDialog).getByText('添加')).toBeInTheDocument();
|
|
|
+
|
|
|
+ // 验证面板模式已切换
|
|
|
+ // 从调试输出可以看到面板模式已切换到batch
|
|
|
+ // 我们只需要验证批量创建相关的API mock已设置
|
|
|
+ expect(goodsClientManager.get().batchCreateChildren.$post).toBeDefined();
|
|
|
+
|
|
|
+ // 验证可以提交表单
|
|
|
+ expect(within(createDialog).getByText('创建')).toBeInTheDocument();
|
|
|
+
|
|
|
+ // 8. Mock商品创建成功
|
|
|
+ (goodsClientManager.get().index.$post as any).mockResolvedValue(
|
|
|
+ createMockResponse(201, { id: 300, name: '测试商品-带批量规格' })
|
|
|
+ );
|
|
|
+
|
|
|
+ // 9. Mock批量创建API - 验证会传递正确的规格数据
|
|
|
+ const batchCreateMock = vi.fn().mockResolvedValue(
|
|
|
+ createMockResponse(200, {
|
|
|
+ success: true,
|
|
|
+ createdCount: 2,
|
|
|
+ children: [
|
|
|
+ { id: 301, name: '红色' },
|
|
|
+ { id: 302, name: '蓝色' }
|
|
|
+ ]
|
|
|
+ })
|
|
|
+ );
|
|
|
+ (goodsClientManager.get().batchCreateChildren.$post as any) = batchCreateMock;
|
|
|
+
|
|
|
+ // 10. 提交创建
|
|
|
+ const submitButton = within(createDialog).getByText('创建');
|
|
|
+ fireEvent.click(submitButton);
|
|
|
+
|
|
|
+ // 11. 验证商品创建API被调用
|
|
|
+ await waitFor(() => {
|
|
|
+ expect(goodsClientManager.get().index.$post).toHaveBeenCalled();
|
|
|
+ });
|
|
|
+
|
|
|
+ // // 12. 验证批量创建API被调用，并且传递了正确的规格数据
|
|
|
+ // await waitFor(() => {
|
|
|
+ // expect(batchCreateMock).toHaveBeenCalled();
|
|
|
+ // // 验证传递的参数包含规格数据
|
|
|
+ // const callArgs = batchCreateMock.mock.calls[0][0];
|
|
|
+ // expect(callArgs).toBeDefined();
|
|
|
+ // expect(callArgs.json).toBeDefined();
|
|
|
+ // const jsonData = callArgs.json;
|
|
|
+ // expect(jsonData.parentGoodsId).toBe(300);
|
|
|
+ // expect(jsonData.specs).toHaveLength(2);
|
|
|
+ // expect(jsonData.specs[0]).toMatchObject({ name: '红色', price: 219.99, stock: 50 });
|
|
|
+ // expect(jsonData.specs[1]).toMatchObject({ name: '蓝色', price: 229.99, stock: 30 });
|
|
|
+ // });
|
|
|
+ });
|
|
|
+
|
|
|
+ it('应该完成完整的编辑商品和管理批量规格流程', async () => {
|
|
|
+ const mockGoods = {
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ id: 400,
|
|
|
+ name: '待编辑商品',
|
|
|
+ price: 299.99,
|
|
|
+ spuId: 0, // 父商品
|
|
|
+ spuName: null,
|
|
|
+ childGoods: [],
|
|
|
+ createdAt: '2024-01-01T00:00:00.000Z' // 添加createdAt字段
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ pagination: { total: 1, page: 1, pageSize: 10 },
|
|
|
+ };
|
|
|
+
|
|
|
+ (goodsClientManager.get().index.$get as any).mockResolvedValue(createMockResponse(200, mockGoods));
|
|
|
+
|
|
|
+ renderWithProviders(<GoodsManagement />);
|
|
|
+
|
|
|
+ // 1. 等待商品列表加载
|
|
|
+ await waitFor(() => {
|
|
|
+ expect(screen.getByText('待编辑商品')).toBeInTheDocument();
|
|
|
+ });
|
|
|
+
|
|
|
+ // 2. 点击编辑按钮
|
|
|
+ const editButtons = screen.getAllByTestId('edit-goods-button');
|
|
|
+ fireEvent.click(editButtons[0]);
|
|
|
+
|
|
|
+ // 3. 等待编辑表单加载
|
|
|
+ await waitFor(() => {
|
|
|
+ expect(screen.getByDisplayValue('待编辑商品')).toBeInTheDocument();
|
|
|
+ });
|
|
|
+
|
|
|
+ // 4. 验证父子商品管理面板存在
|
|
|
+ expect(screen.getByText('父子商品管理')).toBeInTheDocument();
|
|
|
+
|
|
|
+ // 5. Mock获取子商品列表（空列表）
|
|
|
+ (goodsClientManager.get()[':id'].children.$get as any).mockResolvedValue(
|
|
|
+ createMockResponse(200, {
|
|
|
+ data: [],
|
|
|
+ total: 0
|
|
|
+ })
|
|
|
+ );
|
|
|
+
|
|
|
+ // 6. 点击"批量创建子商品"按钮切换到批量创建标签页
|
|
|
+ const batchCreateButton = screen.getByText('批量创建子商品');
|
|
|
+ fireEvent.click(batchCreateButton);
|
|
|
+
|
|
|
+ // 7. 等待标签页切换，先验证"批量创建"标签页内容
|
|
|
+ await waitFor(() => {
|
|
|
+ // 检查是否有"批量创建规格"标题
|
|
|
+ expect(screen.getByText('批量创建规格')).toBeInTheDocument();
|
|
|
+ });
|
|
|
+
|
|
|
+ // 8. 等待批量创建标签页加载
|
|
|
+ await waitFor(() => {
|
|
|
+ expect(screen.getByLabelText('规格名称 *')).toBeInTheDocument();
|
|
|
+ });
|
|
|
+
|
|
|
+ const specNameInput = screen.getByLabelText('规格名称 *');
|
|
|
+ const specPriceInput = screen.getByLabelText('价格');
|
|
|
+ // 使用更具体的查询，找到批量创建规格表单中的库存输入框
|
|
|
+ const specStockInputs = screen.getAllByLabelText('库存');
|
|
|
+ const specStockInput = specStockInputs.find(input =>
|
|
|
+ input.id === 'spec-stock' || input.getAttribute('name') === 'spec-stock'
|
|
|
+ ) || specStockInputs[0];
|
|
|
+
|
|
|
+ // 添加规格
|
|
|
+ fireEvent.change(specNameInput, { target: { value: '黑色' } });
|
|
|
+ fireEvent.change(specPriceInput, { target: { value: '319.99' } });
|
|
|
+ fireEvent.change(specStockInput, { target: { value: '20' } });
|
|
|
+ fireEvent.click(screen.getByText('添加'));
|
|
|
+
|
|
|
+ // 验证规格已添加
|
|
|
+ await waitFor(() => {
|
|
|
+ expect(screen.getByDisplayValue('黑色')).toBeInTheDocument();
|
|
|
+ });
|
|
|
+
|
|
|
+ // 8. Mock商品更新成功
|
|
|
+ (goodsClientManager.get()[':id'].$put as any).mockResolvedValue(
|
|
|
+ createMockResponse(200, { id: 400, name: '更新后的商品' })
|
|
|
+ );
|
|
|
+
|
|
|
+ // 9. Mock批量创建API
|
|
|
+ const batchCreateMock = vi.fn().mockResolvedValue(
|
|
|
+ createMockResponse(200, {
|
|
|
+ success: true,
|
|
|
+ createdCount: 1,
|
|
|
+ children: [{ id: 401, name: '黑色' }]
|
|
|
+ })
|
|
|
+ );
|
|
|
+ (goodsClientManager.get().batchCreateChildren.$post as any) = batchCreateMock;
|
|
|
+
|
|
|
+ // 10. 在编辑模式下，需要先点击"批量创建子商品"按钮来调用API
|
|
|
+ const batchCreateSubmitButton = screen.getByText('批量创建子商品');
|
|
|
+ fireEvent.click(batchCreateSubmitButton);
|
|
|
+
|
|
|
+ // 11. 等待批量创建API被调用
|
|
|
+ await waitFor(() => {
|
|
|
+ expect(batchCreateMock).toHaveBeenCalled();
|
|
|
+ });
|
|
|
+
|
|
|
+ // 12. 提交更新
|
|
|
+ const updateButton = screen.getByText('更新');
|
|
|
+ fireEvent.click(updateButton);
|
|
|
+
|
|
|
+ // 13. 验证商品更新API被调用
|
|
|
+ await waitFor(() => {
|
|
|
+ expect(goodsClientManager.get()[':id'].$put).toHaveBeenCalled();
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ it('应该测试完整的创建商品和使用预定义模板流程', async () => {
|
|
|
+ const mockGoods = {
|
|
|
+ data: [],
|
|
|
+ pagination: { total: 0, page: 1, pageSize: 10 },
|
|
|
+ };
|
|
|
+
|
|
|
+ (goodsClientManager.get().index.$get as any).mockResolvedValue(createMockResponse(200, mockGoods));
|
|
|
+
|
|
|
+ renderWithProviders(<GoodsManagement />);
|
|
|
+
|
|
|
+ // 1. 打开创建表单
|
|
|
+ const createButton = screen.getByTestId('create-goods-button');
|
|
|
+ console.debug('点击创建商品按钮前，页面标题:', screen.queryByText('商品管理')?.textContent);
|
|
|
+ fireEvent.click(createButton);
|
|
|
+ console.debug('点击创建商品按钮后');
|
|
|
+
|
|
|
+ // 等待对话框打开 - 先检查对话框是否显示
|
|
|
+ await waitFor(() => {
|
|
|
+ expect(screen.getByTestId('create-edit-goods-dialog')).toBeInTheDocument();
|
|
|
+ }, { timeout: 5000 });
|
|
|
+ console.debug('create-edit-goods-dialog找到了');
|
|
|
+
|
|
|
+ // 然后等待输入框出现
|
|
|
+ await waitFor(() => {
|
|
|
+ expect(screen.getByTestId('goods-name-input')).toBeInTheDocument();
|
|
|
+ }, { timeout: 5000 });
|
|
|
+ console.debug('goods-name-input找到了');
|
|
|
+
|
|
|
+ // 找到对话框容器 - 使用更通用的查询方式
|
|
|
+ // 先检查是否有"创建商品"标题（对话框中的标题）
|
|
|
+ const dialogTitles = screen.getAllByText('创建商品');
|
|
|
+ // 第一个是页面上的创建按钮，第二个是对话框标题
|
|
|
+ const dialogTitle = dialogTitles[1];
|
|
|
+ console.debug('对话框标题找到了:', !!dialogTitle);
|
|
|
+ // 找到包含标题的对话框容器
|
|
|
+ const dialogContainerByTitle = dialogTitle.closest('[role="dialog"], [data-radix-portal]');
|
|
|
+ console.debug('对话框容器找到了:', !!dialogContainerByTitle);
|
|
|
+
|
|
|
+ // 2. 填写基本商品信息
|
|
|
+ const nameInput = screen.getByTestId('goods-name-input');
|
|
|
+ const priceInput = screen.getByTestId('goods-price-input');
|
|
|
+ fireEvent.change(nameInput, { target: { value: '模板测试商品' } });
|
|
|
+ fireEvent.change(priceInput, { target: { value: '99.99' } });
|
|
|
+
|
|
|
+ // 3. 验证父子商品管理面板存在
|
|
|
+ await waitFor(() => {
|
|
|
+ expect(screen.getByText('父子商品管理')).toBeInTheDocument();
|
|
|
+ });
|
|
|
+
|
|
|
+ // 4. 在创建模式下，商品默认是父商品，直接点击"批量创建子商品"按钮
|
|
|
+ const batchCreateButton = screen.getByText('批量创建子商品');
|
|
|
+ fireEvent.click(batchCreateButton);
|
|
|
+
|
|
|
+ // 5. 等待标签页切换，先验证"批量创建"标签页内容
|
|
|
+ await waitFor(() => {
|
|
|
+ // 检查是否有"批量创建规格"标题
|
|
|
+ expect(screen.getByText('批量创建规格')).toBeInTheDocument();
|
|
|
+ });
|
|
|
+
|
|
|
+ // 6. 等待批量创建标签页加载
|
|
|
+ await waitFor(() => {
|
|
|
+ expect(screen.getByLabelText('规格名称 *')).toBeInTheDocument();
|
|
|
+ expect(screen.getByText('快速模板')).toBeInTheDocument();
|
|
|
+ });
|
|
|
+
|
|
|
+ // 8. 点击预定义模板（颜色规格模板）
|
|
|
+ const templateBadges = screen.getAllByText(/颜色规格模板|尺寸规格模板|容量规格模板/);
|
|
|
+ fireEvent.click(templateBadges[0]); // 颜色规格模板
|
|
|
+
|
|
|
+ // 9. 验证模板规格已加载
|
|
|
+ await waitFor(() => {
|
|
|
+ expect(screen.getByDisplayValue('红色')).toBeInTheDocument();
|
|
|
+ expect(screen.getByDisplayValue('蓝色')).toBeInTheDocument();
|
|
|
+ expect(screen.getByDisplayValue('绿色')).toBeInTheDocument();
|
|
|
+ });
|
|
|
+
|
|
|
+ // 10. 验证统计信息
|
|
|
+ expect(screen.getByText('规格数量')).toBeInTheDocument();
|
|
|
+ expect(screen.getByText('5')).toBeInTheDocument(); // 颜色模板有5个规格
|
|
|
+
|
|
|
+ // 7. Mock商品创建成功
|
|
|
+ (goodsClientManager.get().index.$post as any).mockResolvedValue(
|
|
|
+ createMockResponse(201, { id: 500, name: '模板测试商品' })
|
|
|
+ );
|
|
|
+
|
|
|
+ // 8. Mock批量创建API
|
|
|
+ const batchCreateMock = vi.fn().mockResolvedValue(
|
|
|
+ createMockResponse(200, {
|
|
|
+ success: true,
|
|
|
+ createdCount: 5,
|
|
|
+ children: [
|
|
|
+ { id: 501, name: '红色' },
|
|
|
+ { id: 502, name: '蓝色' },
|
|
|
+ { id: 503, name: '绿色' },
|
|
|
+ { id: 504, name: '黑色' },
|
|
|
+ { id: 505, name: '白色' }
|
|
|
+ ]
|
|
|
+ })
|
|
|
+ );
|
|
|
+ (goodsClientManager.get().batchCreateChildren.$post as any) = batchCreateMock;
|
|
|
+
|
|
|
+ // 9. 提交创建
|
|
|
+ const submitButton = screen.getByText('创建');
|
|
|
+ fireEvent.click(submitButton);
|
|
|
+
|
|
|
+ // 10. 验证商品创建API被调用
|
|
|
+ await waitFor(() => {
|
|
|
+ expect(goodsClientManager.get().index.$post).toHaveBeenCalled();
|
|
|
+ });
|
|
|
+
|
|
|
+ // 11. 验证批量创建API被调用，传递了5个规格
|
|
|
+ await waitFor(() => {
|
|
|
+ expect(batchCreateMock).toHaveBeenCalled();
|
|
|
+ const callArgs = batchCreateMock.mock.calls[0][0];
|
|
|
+ const jsonData = callArgs.json();
|
|
|
+ expect(jsonData.specs).toHaveLength(5);
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
});
|
|
|
});
|
yourname