时间戳

首页 > 解决方案 > 如何存储方法并将其调用到可重用方法文件？

javascript - 如何存储方法并将其调用到可重用方法文件？

问题描述

如何存储这个 select dob 日期选择器方法并调用它并在这个命令文件中重用它？直接在命令文件中编写方法看起来不正确。

 Cypress.Commands.add('editIndividualCustDetails',() =>

    {

       var editIndividualCustDetails =new editIndividualCustomerPage() 
    //click edit profile button
    editIndividualCustDetails.editProfileButton().click()
    
   //select DOB
    cy.get('#dob').invoke('val').then((text) => {
       expect('08/05/2019').to.equal(text);
    });

    //enter Attention field
    editIndividualCustDetails.attention().type('CDEF')

标签： javascriptmethodscypressvar

解决方案

如果您将文件导入到cypress/support/index.js.

考虑您是否有文件cypress/support/utils/reusableMethods.js

1.将文件导入cypress/support/index.js为：

import './utils/reusableMethods';

2.通常在下编写您的自定义命令cypress/support/utils/reusableMethods.js

Cypress.Commands.add('editIndividualCustDetails', () => {
    var editIndividualCustDetails = new editIndividualCustomerPage()
    //click edit profile button
    editIndividualCustDetails.editProfileButton().click()
    //select DOB
    cy.get('#dob').invoke('val').then((text) => {
        expect('08/05/2019').to.equal(text);
    });
    //enter Attention field
    editIndividualCustDetails.attention().type('CDEF')
})

3.在你的测试中正常使用它：

cy.editIndividualCustDetails()

推荐阅读