javascript - tdd React 来测试 css？

Question

测试页面中是否存在或消失元素是有意义的。测试事件处理程序正在触发并测试状态也很有意义。但是仍然需要对视觉内容进行手动测试。如果我这样写我的测试

test('button is at the top', () => {
   expect(screen.getByRole('a', {name: 'myBtn'})).toHaveStyle({'align-self':'flex-start'});
})

这不是多余的吗？我发现测试 CSS 的 tdd 对于我在编写代码时可以手动检查的事情是双重工作。

标签： javascriptreactjsreact-testing-library