我在我的Reaction应用程序中使用了动态类名,它们是由CSS模块生成的.
className={styles.myclass}
被编译成class="Myclass__1234"
,因此 cypress cy.get(.'myclass')
将不起作用.
举个例子:
import styles from 'styles/About.module.css';
const About = () => {
return (
<div className={styles.about}>
<h1 className={styles.title}>About Me Page</h1>
</div>
);
};
export default About;
要判断标题文本,您需要执行以下操作:
cy.get('About_title__1234').should('not.be.empty');
这意味着我每次都必须深入开发工具来找到真正的类名.
Is there any other method I could use?个
我想cy.get('h1')
会工作,但我可能希望在页面上稍后多个h1标签.