小编mha*_*han的帖子

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

class ComponentOne extends React.Component {

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

}

这些类在这里只是为了提高浏览器的可读性以及更好地测试该组件。像这样 ：

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

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