1

我在试图通过 Jasmine 的测试时遇到了麻烦。它在一个有 10 行的页面上。有一个按钮可以切换显示/隐藏第 4-10 行。手动测试时，该功能 100% 可以正常工作。但是，当我运行下面的 Jasmine 测试（它可以显示总共 10 行）时，它有时在 Firefox 上会失败，并且大多数时候在 Chrome 上工作（尽管有时打开 Chrome 检查器会改变测试行为）

这是测试：

describe('Show / Hide feature', function() {
   beforeEach(function(){
    loadFixtures('tools_generate__codes.html');
    GenerateCodes.bind();
    GenerateCodesFunctions.hideExtraRows();
    GenerateCodesFunctions.toggleShowHideMore();
  });

  it('defaults to showing 3 rows', function() {
    expect($('.filenames >tbody > tr:visible').length === 3).toBeTruthy();
  });

  it('can show 10 total rows', function() {
    $('.show_more').click();
    expect($('.filenames >tbody > tr:visible').length === 10).toBeTruthy();
  });
});

和代码：

GenerateCodesFunctions = {
  toggleShowHideMore: function() {
    $('.show_more').click(function(event) {
      event.preventDefault();
      if ($('.show_more').html() === 'Show More') {
        alert("WTF");
        GenerateCodesFunctions.showExtraRows();
      } else {
        GenerateCodesFunctions.hideExtraRows();
      }
    });
  },

  hideExtraRows: function() {
    for (var i = 4; i <= 10; i++) {
      $("#generate__codes_filename" + i).val('');
      $("#generate__codes_filename" + i + "_count").val('');
      $("#generate__codes_filename" + i + "_prefix").val('');
      $("#generate__codes_filename" + i).parent().parent().hide();
    }
    $('.show_more').html("Show More");
  },

  showExtraRows: function() {
    for (var i = 4; i <= 10; i++) {
      $("#generate__codes_filename" + i).parent().parent().show();
    }
    alert('showed extra rows');
    $('.show_more').html("Show Less");
  }
};

似乎正在发生的事情是 .show_more 按钮被点击了 2-3 次（alert 'wtf' 出现了多次）。$('.show_more').click 代码在测试中只出现一次。在两者上，看起来第一次单击不会将按钮的文本更改为“少显示”。在 Chrome 上，第二次单击将文本更改为“少显示”，而在 Firefox 上则没有，我认为这是导致问题的原因。

为什么按钮被多次点击，为什么不改变按钮的文本。另外，为什么这种行为在 Firefox 和 Chrome 上有所不同？

4

1 回答 1

1

找出导致问题的原因。我愚蠢地将我的页面中的直接 html 复制到夹具中，这可能导致加载夹具重新加载所有 javascript 文件。我认为 .js 文件的重新加载导致错误，或者加载速度变慢的事实导致点击事件处理的错误并不总是在预期之前完成（在预期上设置超时导致测试通过）。

于 2013-11-01T20:02:07.537 回答