小编Man*_*han的帖子

MUI V5 React 单元测试未触发日期选择器处理程序

我刚刚将我的 React 项目升级到 MUI V5,其中 KeyboardDatePicker 组件已根据 MUI 文档迁移到 DatePicker。由于某种原因,React 库测试无法触发日期选择器组件的模拟处理函数。

\n

我的组件

\n
import React from "react"\nimport AdapterDateFns from '@mui/lab/AdapterDateFns';\nimport moment from "moment"\nimport LocalizationProvider from '@mui/lab/LocalizationProvider';\nimport DatePicker from '@mui/lab/DatePicker';\nimport { TextField } from "@mui/material"\n// Required for Material UI datepicker since it is timezone sensitive\nexport const formatDate = date =>\n    date ? new Date(moment(date).year(), moment(date).month(), moment(date).date()) : null\n\nexport default function IndependentDateRangePicker({\n    handleStartDateChange,\n    handleEndDateChange,\n    startDateValue,\n    endDateValue,\n    disableDate\n}) {\n    return (\n        <LocalizationProvider dateAdapter={AdapterDateFns}>\n            <DatePicker\n                inputFormat="MM/dd/yyyy"\n                aria-label="change start date" \n                disabled={disableDate}\n                value={formatDate(startDateValue)}\n                onChange={handleStartDateChange}\n …
Run Code Online (Sandbox Code Playgroud)

unit-testing reactjs material-ui

4
推荐指数
1
解决办法
6051
查看次数

标签 统计

material-ui ×1

reactjs ×1

unit-testing ×1