Cypress 跨域 cy.origin 传递对象不起作用

Question

我想从一个网站跨域到另一个网站，cypress 让我可以用 cy.origin() 函数很好地做到这一点。

我还想要将我所在页面的页面对象模型传递到此函数中。

我已经尝试了几种方法来实例化我的类并根据文档将其传递到 args 中。我无法让它在运行时执行...

const args = {
    testObject: new MyPageObject()
};

// As the domain has changed we need to use the cy.origin function
cy.origin(dfBaseURL, {
    args: {
        args
    }
}, ({
    args
}) => {

    args.testObject.getContinueButton().click({
        force: true
    });

})

目前与...

Answer 1

不，我也试过这个，你做不到。

文档说

传递给参数的值必须可序列化

这是我的概念证明

class MyPageObject {
  add() {
    return 1+2
  }
}

it('function serialization with cy.origin', () => {

  const testObject = new MyPageObject()
  
  console.log(typeof testObject.add)         // yields "function"
  console.log(JSON.stringify(testObject))    // yields "{}" - add() has been removed

  cy.origin('https://example.com', { args: { testObject } }, ({testObject}) => {

    console.log(testObject, testObject.add)  // yields "{}" and "undefined"

  })
})

从技术上讲，您可以预序列化对象并覆盖函数属性的默认序列化行为（将它们转换为字符串，如您在 devtools 中所见），然后使用

cy.origin()

中可怕的“eval”重新实例化所有方法.

但是不，基本上页面对象不适合赛普拉斯范式。

---

使用 JSON 或对象代替

如注释中所建议的，可以使用一个简单的对象来传递选择器。

const selectors = requires('selectors.json')

/* 
 Selectors is an object with string properties, it is serializable
 {
   login: 'input#user-name',
   ...
*/

it('object map of selectors with cy.origin', () => {
  
  console.log(typeof selectors.login)        // yields "string"
  console.log(JSON.stringify(selectors))     // yields "{login: ...}" 

  cy.origin('https://example.com', { args: {selectors} }, ({selectors}) => {

    console.log(JSON.stringify(selectors))   // yields "{login: ...}" 

  })
})

Answer 2

你应该通过替换来实例化你的类

testObject: new MyPageObject

by

testObject: new MyPageObject()