愿所有的美好和期待都能如约而至

反应测试库 RTL:测试响应性设计

发布时间:  来源:互联网  作者:匿名  标签:css error React Testing Library (RTL): test a responsive design exception IT资讯 r  热度:37.5℃

本文介绍了反应测试库(RTL):测试响应性设计的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在尝试测试一个响应式设计,当屏幕尺寸太窄时,我会隐藏一些文本(以跨度为单位)。

import React from 'react'
import './index.css'

function Welcome(props) {
  return (
    <div className="container" data-testid="welcome-component">
      <span
        className="search-detective-emoji"
        role="img"
        aria-label="search emoji"
      >
        

勇敢去编程!

勇敢的热爱编程,未来的你一定会大放异彩,未来的生活一定会因编程更好!

TOP