我在我的一个组件中使用Material-UI的useMediaQuery()函数来确定在组件中用于<Button>的size属性。我正在尝试在jest测试中测试它是否如预期的那样工作，但是我当前的实现没有工作： describe("Unit: <Navbar> On xs screens", () => {
removeListener: jest.fn() }
);
浏览 44提问于2019-05-17得票数 4
回答已采纳
我有以下简单的测试： useMediaQuery: jest.fn().mockImplementation(() =>({ })),}))
test("shouldexpect(getByTestId(&qu
浏览 4提问于2021-05-13得票数 2
回答已采纳
2回答
import React from "react";import useMediaQuery from "@material-ui/core/useMediaQuery";
import { useTheme } from "@material-ui/core/styles"
浏览 31提问于2022-06-24得票数 0
2回答
是否有可能停止Flexbox在小屏幕上的材料用户界面？我需要一些东西，如d类，在Bootstrap，但使用的材料用户界面。<div class="d-md-flex align-items-md-center"> <div>Content #2</div>反应： <Box item>Content #1
浏览 6提问于2020-11-23得票数 1
回答已采纳
有人能帮助我理解允许从单独的文件导入动态主题对象的正确语法吗？import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
import CssBaseline from '@material-ui
浏览 2提问于2020-06-21得票数 3
我在Appbar组件中使用Material-UI的List组件。我发现有两个问题: 1)初始的onClick将导致指向'/‘路径的路由；2)第二个onClick将更改为正确的路由，但不会呈现所需的组件。如果有帮助，请参阅底部问题的gif。/core/styles";import { List,
浏览 1提问于2021-03-02得票数 1
编辑： jest.mock('@material-ui/pickers', () => {import React from &#x
浏览 23提问于2020-05-14得票数 1
我使用的是material-table，我想让搜索文本字段像在这个example中那样可扩展。但是我不知道如何更改该文本字段的样式。 My table 我试过这样的方法，但不起作用.. options={{ padding: theme.spacing(1, 1, 1, 0), paddingLeft: `c
浏览 13提问于2020-04-06得票数 1
1回答
如何使用withWidth的isWidthUp函数来模拟使用jest来返回预定的bool？SUTimport withWidth, { isWidthUp } from '@material-ui/core/ComponentWithWidth';
import { isWidthUp } from '@material-ui/core/withWi
浏览 1提问于2018-10-23得票数 3
回答已采纳
我正在尝试为@material-ui/core/styles模块创建手动模拟，该模块导出名为withStyles的HOC。在jest.mock中使用内联模拟可以很好地工作，但当我尝试将此逻辑移动到可共享的__mocks__文件夹中时，它不再起作用。在那里我创建了一个名为@material-ui的第一个文件夹，并在其中创建了另一个名为core的文件夹。- core- node_modules 这是在同一个测试文件中定义了mock的代码： je
浏览 19提问于2019-02-18得票数 4
当我在直接的type: 'dark'功能之外的任何地方声明createMuiTheme()时，我无法为我的站点定义一个带有MUI的“黑暗”主题。const siteTheme = createMuiTheme({ primary: { main: '#212121', contrastText: '#fff', second
浏览 0提问于2019-07-05得票数 5
回答已采纳
我正在尝试为我的React组件添加更好的测试覆盖率，其中一个我不能模拟的地方就是它的内部jest.mock('@material-ui/core/styles', () => ({
...jest.requireActual('@material-ui/core/styles')
浏览 0提问于2020-11-01得票数 2
：import { Box, Button, LinearProgress, makeStyles } from '@material-ui/core';import { SearchHistoryContext } from 'appContext('notistack&#x
浏览 0提问于2021-02-16得票数 1
每当我尝试在jest中使用require或require.requireActual来导入'@material-ui/icons‘时，jest都声称它是未定义的。由此引用的文件('@material-ui/icons/index.js')使用如下代码定义其导出：
Object.defineProperty(exports, "AccessAlarm", {做了一些时髦的事情，也许这种导出定义的方法是在欺骗jest？另外，有没有
浏览 10提问于2021-02-18得票数 0
回答已采纳
Cannot read property 'addEventListener' of null]
import { Slider } from "@material-ui
浏览 3提问于2020-10-22得票数 0
回答已采纳
3回答
如何模拟withStyles在material-ui/core/styles.js中的实现import React from 'react'import { withStyles } from '@material-ui/core/styles'
import TempComponent from './TempComponent&#x
浏览 0提问于2018-07-03得票数 2
回答已采纳
1回答
我正在使用Jest和React测试库。组件使用react-responsive根据匹配的媒体查询返回不同的标记。window.innerWidth默认为1024 to，但测试似乎没有“看到”。我需要在测试中模拟useMediaQuery吗？这里有一个简单的组件和测试来说明这个问题：import React from 'react'
import { useMediaQuery } from 'react-responsiveDESKTO
浏览 1提问于2021-08-23得票数 2
我试图断言，当我使用Jest和Enzyme模拟点击时，将调用React类组件方法。: "^23.6.0", "ts-jest": "^23.10.3", "@material-ui
浏览 0提问于2019-04-26得票数 2
回答已采纳
2回答
另一个问题是，我无法为styled声明确定正确的类型--我必须将// @ts-ignore注释放在LinkItem之上，因为它的类型是声明的方式。
浏览 3提问于2021-08-06得票数 5
回答已采纳
我正在使用Jest测试以下Material-UI组件。我要断言，单击RaisedButton组件时会调用函数handleSubmit。test-utils';
<Form />"Cannot read property '__reactInternalInstance$a2hlbpvzpyeu9y
浏览 0提问于2017-06-06得票数 3
云服务器
ICP备案
对象存储
云点播
实时音视频
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号