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

【问题标题】：How to store a method and call it to the reusable methods file?如何存储方法并将其调用到可重用方法文件？
【发布时间】：2021-07-10 02:52:47
【问题描述】：

如何存储这个 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')

【问题讨论】：

标签： javascript methods cypress var

【解决方案1】：

如果你导入cypress/support/index.js下的文件，你可以创建任何文件并在其下编写cypress自定义命令。

考虑到您是否在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()

【讨论】：