Question

我一直在为我的alert.js编写测试。我需要访问prop值以测试其严重性。我尝试了很多事情。但是每次都失败。

import React from 'react';
import PropTypes from 'prop-types';
import { Snackbar } from '@material-ui/core';
import { Alert as MuiAlert } from '@material-ui/lab';

const Alert = (props) => {
    return (
        <Snackbar
            open={props.open}
            autoHideDuration={3000}
            onClose={props.onClose}
            data-testid='component-alert'
        >
            <MuiAlert
                onClose={props.onClose}
                severity={props.severity}
                data-testid='alert-message'
            >
                {props.message}
            </MuiAlert>
        </Snackbar>
    );
};

Alert.propTypes = {
    message: PropTypes.string.isRequired,
    severity: PropTypes.oneOf(['error', 'warning', 'info', 'success'])
        .isRequired,
    open: PropTypes.bool.isRequired,
    onClose: PropTypes.func.isRequired,
};

export default Alert;

从'@ testing-library / react'导入{渲染，清理}; 从“ ../Alert”导入警报；

const mockFunc = jest.fn（）; const defaultProps = { 讯息：“ abc”，严重性：“错误”，开放：正确， onClose：mockFunc， };

test('render correct severity', () => {
    render(<Alert {...defaultProps}/>)
    //How to access severity prop value here
});

}）;

Answer 1

您无法访问属性

反应测试库用于与您的React组件进行交互像人类一样人们看到的只是从您的React组件

您将必须查找HTML元素以检查严重性

如何在反应测试库中获取prop值

1 个答案: