reactjs - 测试反应组件并通过 className 获取元素

Question

我想知道是否将新的类名放入 html 组件中只是为了可读性和测试是可以的。假设我们有这种情况：

class ComponentOne extends React.Component {

    render(){
        <div className="upper">
            <div className="lower">
            </div>
        </div>
    }

}

这些类只是为了在浏览器中更好的可读性和更好地测试这个组件。像这样 ：

import { render } from '@testing-library/react'
it("Testing ComponentOne", ()=>{
   const { container } = render(<Component/>)
   const element = container.querySelector(".lower") // cleaner element searching
   //Some code...
})

在 React 中使用“空”类仅用于可读性/调试/测试是一个坏主意吗？测试时查找元素的最佳方法是什么？

标签： reactjstestingclassnametesting-library