检查输入字段是否为空或在赛普拉斯测试中无法正常工作

Question

我在 Cypress 中得到了 2 个步骤定义，用于检查输入字段是否为空（取决于我如何构建使用 RegEx 设置的句子）。

首先我的问题是，柏树说测试失败，因为输入字段为空，而事实并非如此。

我定义的步骤：

/** We check if the input field with the given name is empty */
Given(/^The input field "(.*)" is (not )?empty$/, (inputFieldName, negation) => {
  if (negation === 'not ') {
    CypressTools.getByName(inputFieldName).should('not.be.empty');
  } else {
    CypressTools.getByName(inputFieldName).should('be.empty');
  }
});

/** We check if the input field with the given name is visible and empty */
Given(/^The input field "(.*)" is visible and empty$/, (inputFieldName) => {
  CypressTools.getByName(inputFieldName).should('be.visible').should('be.empty');
});

在我的特定测试中，cypress 应该检查填充了值的输入字段，并且步骤的定义如下： 输入字段“XYZ”不为空

我可以看到，if 条件工作正常，因此定义或正则表达式站点上没有问题。但测试失败了，因为赛普拉斯说输入字段为空，但事实并非如此。

我怀疑 Cypress 会测试输入字段中输入标签之间的值，但不会检查输入标签中的值属性。

至少，我尝试在步骤定义中添加invoke('val') ：

CypressTools.getByName(inputFieldName).invoke('val').should('not.be.empty');

它适用于第一步定义，但是当我也为第二步定义执行此操作时，赛普拉斯测试失败并告诉我：

Timed out retrying: You attempted to make a chai-jQuery assertion on an object that is neither a DOM object or a jQuery object.
The chai-jQuery assertion you used was:
  > visible
The invalid subject you asserted on was:
  > 
To use chai-jQuery assertions your subject must be valid.
This can sometimes happen if a previous assertion changed the subject.

我不明白这里的问题。此方法对 invoke() 有效吗？还是有更好的解决方案来覆盖所有情况？

非常感谢你的帮助。

Answer 1

您的错误消息指出的问题是沿着命令链传递的主题不适合下一步，

CypressTools.getByName(inputFieldName)
  .invoke('val')                      // changes subject to the text of the input
                                      // (not a DOM element)
  .should('be.visible')               // needs a DOM element
  .should('not.be.empty');

最可靠的方法是将测试分为两个步骤

CypressTools.getByName(inputFieldName).should('be.visible');

CypressTools.getByName(inputFieldName)
  .invoke('val')
  .should('not.be.empty');

但我认为简单的重新排序也可以

CypressTools.getByName(inputFieldName)
  .should('be.visible')              // check the DOM element, passes it on as subject
  .invoke('val')                     // changes subject to the text of the input
  .should('not.be.empty');           // check the text is not empty