Javascript 如何查看Cypress测试使用的属性值?
我正在处理页面上显示的Cypress示例: 使用谷歌开发工具,我找不到此页面上相应div元素的css属性position:static。给定的div、cypress代码和相应的Google开发信息标记为红色:Javascript 如何查看Cypress测试使用的属性值?,javascript,jquery,dom,css-selectors,cypress,Javascript,Jquery,Dom,Css Selectors,Cypress,我正在处理页面上显示的Cypress示例: 使用谷歌开发工具,我找不到此页面上相应div元素的css属性position:static。给定的div、cypress代码和相应的Google开发信息标记为红色: 测试通过并确认该值。如何在谷歌开发工具中看到它?我找到了一个解决方案。也许这会对某人有所帮助。因此,如果您需要获取CSS属性,但在任何地方都找不到它,只需检查Google开发工具的Computed选项卡中是否选中了“Show all”复选框: -它正在调用带有参数“position”的c
测试通过并确认该值。如何在谷歌开发工具中看到它?我找到了一个解决方案。也许这会对某人有所帮助。因此,如果您需要获取CSS属性,但在任何地方都找不到它,只需检查Google开发工具的Computed选项卡中是否选中了“Show all”复选框:
-它正在调用带有参数“position”的css方法(来自jQuery)。请看一看我的问题,你会发现它不是关于使用invoke方法的,我知道它的用途。我问的是它使用的position属性,因为googledev工具没有在任何地方显示它(我的意思是position:static)。不清楚你一直在找什么。请注意,静态是默认位置,例如,您查看的是属性,而不是样式。查看Computed选项卡。我已经查看了所有地方以及样式。这是如此简单-只要使用提供的网址是我和检查自己。
cy.get('[data-test-id="test-example"]')
.invoke('css', 'position')
.should('equal', 'static')