故事:

我们开发了一个自定义的 jasmine 匹配器，它主要做两件事:

• 将鼠标悬停在给定元素上
• 检查是否显示了带有所需文本的工具提示

实现:

toHaveTooltip: function() {
    return {
        compare: function(elm, expectedTooltip) {
            var tooltipPage = requirePO("tooltip");

            browser.actions().mouseMove(elm).perform();
            browser.wait(EC.visibilityOf(tooltipPage.tooltip), 5000, "Tooltip is still not visible.");

            return {
                pass: tooltipPage.tooltip.getText().then(function(actualTooltip) {
                    return jasmine.matchersUtil.equals(actualTooltip, expectedTooltip);
                }),
                message: "Element does not have the tooltip '" + expectedTooltip + "'."
            };
        }
    };
},

其中 tooltipPage 是单独定义的页面对象:

var Tooltip = function () {
    this.tooltip = element(by.css(".tooltip"));
};

module.exports = new Tooltip();

这种用法对我们来说非常方便，确实有助于遵循 DRY 原则，使我们的测试代码库保持干净和可读:

expect(page.fromDateInput).toHaveTooltip("After");

问题和问题:

现在，我要做的是让匹配器分别处理 2 个用例:

• 根本没有显示鼠标悬停的工具提示(基本上，browser.wait() 拒绝了 promise )
• 有工具提示，但不是所需的提示

如何改进匹配器以能够分别处理这两个问题并报告不同的错误？

我尝试过的:

toHaveTooltip: function() {
    return {
        compare: function(elm, expectedTooltip) {
            var tooltipPage = requirePO("tooltip");

            browser.actions().mouseMove(elm).perform();

            return browser.wait(EC.visibilityOf(tooltipPage.tooltip), 5000, "Tooltip is still not visible.").then(function () {
                return {
                    pass: tooltipPage.tooltip.getText().then(function(actualTooltip) {
                        return jasmine.matchersUtil.equals(actualTooltip, expectedTooltip);
                    }),
                    message: "Element does not have the tooltip '" + expectedTooltip + "'."
                };
            }, function () {
                return {
                    pass: false,
                    message: "No tooltip shown on mouse over the element"
                }
            });
        }
    };
},

在这里，我尝试显式解析 browser.wait() 并分别处理“成功”和“错误”情况。这导致 Jasmine 规范超时和控制台上出现巨大的“红色”文本:

Expected ({ ptor_: ({ setFileDetector: Function, ...
5 minutes scrolling here
... InnerHtml: Function, getId: Function, getRawId: Function }) to have tooltip 'After'.

恐怕我无法从“比较”功能返回 promise 。

最佳答案

根据 jasminewd2 (Jasmine-to-WebDriverJS 的适配器。 Protractor 使用) code -

An expectation resolves any promises given for actual and expected values, as well as the pass property of the result object.

因此，如果有一个异步函数或一个 promise 需要在自定义匹配器/期望中解决，那么它需要被包装到 result.pass 值中，以便 Protractor 等待为了解决 promise 。

在问题中，遇到了 jasmine spec timeout 错误，因为 Protractor 无法理解在执行该特定操作之前需要解决的 promise 。为了解决它，要么直接在 expect 语句中传递 async 函数，要么将其传递给 result 对象的 pass 值。这是它的代码 -

toHaveTooltip: function() {
  return {
      compare: function(elm, expectedTooltip) {
          var tooltipPage = requirePO("tooltip");

          browser.actions().mouseMove(elm).perform();

              return {
                  pass: browser.wait(EC.visibilityOf(tooltipPage.tooltip), 5000, "Tooltip is still not visible.").then(function () {
                            tooltipPage.tooltip.getText().then(function(actualTooltip) {
                                return jasmine.matchersUtil.equals(actualTooltip, expectedTooltip);
                            }),
                        }, function () {
                            return false;
                        }),
                  message: "Error Occured"
              }
      }
  };
},

但是，上述代码的问题是无法制作自定义错误消息。要解决它，我能找到的最好方法是显式返回 result 对象，以便根据需要向其分配错误消息。这是一个例子-

var result = {};
result.pass = browser.wait(EC.visibilityOf(tooltipPage.tooltip), 5000, "Tooltip is still not visible.").then(function () {
                  tooltipPage.tooltip.getText().then(function(actualTooltip) {
                      result.message = "Element does not have the tooltip '" + expectedTooltip + "'.";
                      return jasmine.matchersUtil.equals(actualTooltip, expectedTooltip);
                  }),
              }, function () {
                  result.message = "No tooltip shown on mouse over the element";
                  return false;
              });
return result;

注意:如果 result 对象中没有 message 属性，那么 Protractor 将尝试自己创建一个通用错误消息，并且它将包含 promise 对象(以 - { ptor_: ... } 开头的冗长消息)，如问题中所示。

希望对您有所帮助。

关于javascript - 自定义 Jasmine Matcher 中已解决和已拒绝的 promise ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33313176/