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

如何解决测试反应组件并通过 className 获取元素

我想知道将新的类名放入 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 中使用“空”类仅用于可读性/调试/测试是不是一个坏主意？ 在测试时查找元素的最佳方法是什么？