angularjs - 使用 Protractor 运行 e2e 测试用例时显示光标移动

Question

我对使用 Protractor 进行 e2e 测试完全陌生。
我的问题是，当我运行我的测试用例时如何显示/显示光标移动。我在谷歌搜索，我没有得到任何结果。帮我。

Answer 1

我通过注入(inject)一个带有 addMockModule 的模块来完成它。跟踪鼠标事件并在事件坐标处创建临时固定点:

在 protractor.conf 文件

 onPrepare: function() {

    // track mouse movements
    var trackMouse = function() {

      angular.module('trackMouse', []).run(function($document) {

        function addDot(ev) {

          var color = 'black',
            size = 6;

          switch (ev.type) {
            case 'click':
              color = 'red';
              break;
            case 'dblclick':
              color = 'blue';
              break;
            case 'mousemove':
              color = 'green';
              break;
          }

          var dotEl = $('<div></div>')
            .css({
              position: 'fixed',
              height: size + 'px',
              width: size + 'px',
              'background-color': color,
              top: ev.clientY,
              left: ev.clientX,

              'z-index': 9999,

              // make sure this dot won't interfere with the mouse events of other elements
              'pointer-events': 'none'
            })
            .appendTo('body');

          setTimeout(function() {
            dotEl.remove();
          }, 1000)

        }

        $document.on({
          click: addDot,
          dblclick: addDot,
          mousemove: addDot
        });

      });

    };
    browser.addMockModule('trackMouse', trackMouse);

  },