Cypress （1）改造 PageObject 模式

最新推荐文章于 2023-01-11 17:32:07 发布

原创

最新推荐文章于 2023-01-11 17:32:07 发布 · 323 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文源自《cypress 从入门到精通》，详细介绍了如何使用Cypress进行PageObject模式的改造，旨在提升自动化测试的维护性和可读性。

Cypress （1）改造 PageObject 模式

来源：《cypress 从入门到精通》

**commonPage.js**
export default class CommonPage{
    constructor() {

    }
    isTargetPage() {
        cy.url().should('eq', this.url)
    }
}

    **// login.js**
    // export default class LoginPage {
    //     constructor() {
    
    //         this.userName = 'input[name=username]'
    //         this.password = 'input[name=password]'
    //         this.form = 'form'
    //         this.url = 'http://localhost:7077/login'
    //     }
    
    //     isTargetPage() {
    //         cy.visit('/login')
    //         cy.url().should('eq', this.url)
    //     }
    
    //     login(username, pwd) {
    //         cy.get(this.userName).type(username)
    //         cy.get(this.password).type(pwd)
    //         cy.get(this.form).submit()
    //     }
    
    // }

// export default class LoginPage{
//     constructor() {
//         this.us