我写了一个有趣的酶测试如下:
import React from 'react';
import ManageDrugTermPage from '../js/manageDrugTermPage.jsx';
import toJson from 'enzyme-to-json';
describe('manage drug term page test suite', () => {
it('snapshot test', () => {
const setRouteLeaveHook =
React ,自Reactive16起:
现在可以从组件的render方法返回元素数组。
这在常规类组件的类型记录中有效,但我无法让它用于无状态功能组件。
如果您想自己复制,请参阅。
代码:
import * as React from 'react';
// See this example working in a non-TS environment: https://codesandbox.io/s/ppl3wopo8j
class Hello extends React.Component {
render() {
return &l
我在用Jest /酶编写的测试用例中遇到了一些问题。我有一个React / Redux组件,并且试图编写一个基本的测试,但是得到了以下错误:
Invariant Violation: ReactShallowRenderer render(): Shallow rendering works only with custom components, but the provided element type was 'undefined'.
这是我的密码:
dashboardComponent.js
import '../stylesheets/dashboardCom
我在我的应用程序中使用React和Redux。我想要在我的应用程序中显示confirmationDialog,我希望它的方式是从某个组件触发一个操作,它更新我的redux状态,然后confirmationDialog将侦听该状态并打开它自己。confirmationDialog的代码是:
import React from 'react';
import {connect} from 'react-redux';
import PropTypes from 'prop-types';
import Dialog from 'materi
我有一个菜单,如果按钮是“打开的”,我想显示一个大的徽标,如果开关是“关闭的”,则显示一个小的徽标。在“从孩子的标志”组件中观察父状态的概念上有问题。
import React, { Component } from 'react'
import Logo from './Logo'
import Nav from './Navbar'
import Meta from './Meta'
import HeaderStyle from './Header.css'
class Header extends Com
我正在尝试创建第一个用户必须登录的页面,然后它将接收到主布局组件,即Home.js组件,在Home.js中,Route显示默认页面,即<Dashboard/>。但出于某种原因,它无法显示仪表板组件。
说清楚,这是代码:
App.js
import Login from './Component/Login';
import Register from './Component/Register.jsx'
import Home from './Component/Home'
import {
BrowserRouter as Ro
我刚刚开始使用jest和酶。
我有一个问题,使我的单元测试工作。我正在使用redux- mock -store来模拟store对象。
it('shows an li for each comment', () => {
expect(container.find('li').length).toBe(2);
});
我期望有两个li元素,但是我得到了0个li元素。
我在这个错误中纠结了很长时间。
有没有人能帮我弄清楚怎样才能通过这项测试!?
来自jest test runner的测试结果
Error: expect(received).toBe(e
我正在尝试用jest运行简单的快照测试。但是,在安装和利用React路由器v6之后,所有使用react-router-dom组件的组件现在都会在测试期间崩溃。
header.tsx
import React from 'react';
import logo from '../../logo.svg'
import 'antd/dist/antd.min.css';
import { Link } from "react-router-dom";
import { PageHeader, Menu, Avatar, Button,