javascript - window.getComputedStyles() 不适用于 Jest 和 React
问题描述
我正在尝试运行关于我的组件样式的基本断言。现在,我在 CRA 模板为您提供的默认 React 应用程序上运行它们:
应用程序.js
function App() {
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<p>
Edit <code>src/App.js</code> and save to reload.
</p>
<a
className="App-link"
href="https://reactjs.org"
target="_blank"
rel="noopener noreferrer"
>
Learn React
</a>
</header>
</div>
);
}
应用程序.test.js
test("computed styles", () => {
render(<App />);
const app = document.querySelector(".App");
const appStyles = window.getComputedStyle(app);
console.log(appStyles.width);
});
没有任何内容记录到控制台。我在浏览器和应用程序本身中运行相同的代码,它返回1440px
我的屏幕宽度。但在 Jest 中,它什么也不返回。
解决方案
推荐阅读
- java - 用 Intent 在浏览器中打开 Base64
- c++ - 编写一个求和函数,返回数组所有元素的和
- r - R闪亮的foreach而不是双for循环
- c# - 使用自签名证书的内容长度为 -1 但内容正确
- angular-material - 将动画更改为始终垂直向下打开垫子扩展面板
- node.js - 格子图案是否支持印度境内的银行转账?
- python - 如何从字典中创建一个熊猫数据框,其中列名作为键,值作为行,其中值是二维数组
- jquery - Javascript 对象的方法不起作用
- node.js - 在 ng serve 工作时,离子服务因错误退出
- javascript - TypeError:无法在具有不可写长度的数组末尾定义数组索引属性