如何让 Jasmine-jQuery 正确读取 z-index 属性？答案

【问题标题】：How can I get Jasmine-jQuery to correctly read z-index properties?如何让 Jasmine-jQuery 正确读取 z-index 属性？
【发布时间】：2011-06-27 14:23:23
【问题描述】：

我正在使用Jasmine 和Jasmine-jQuery 在我的应用程序中测试Javascript。我设置了一个 HTML 夹具，已经成功测试了显示和隐藏元素以及其他交互，但到目前为止，我无法让它正确设置和读取 z-index 值。

这是一个失败的测试：

    it("understands z-index values", function(){
      loadFixtures('input_tips.html');
      $('span.tip:first').css('z-index',200);
      expect($('span.tip:first').css('z-index')).toEqual(200);
    });

此测试失败； z-index 读作“自动”。

到目前为止我已经尝试过：

在我的测试中设置和检查其他 CSS 属性，例如颜色。这很好用。
在我的控制台中使用 jQuery 设置和检查 z-index 值。这很好用。
将 z-index 设置为字符串值而不是数字。没有区别。
在 HTML“样式”标签中硬编码 z-index。没有区别。

是我做错了什么，还是这是一个错误？

【问题讨论】：

标签： javascript integration-testing jasmine

【解决方案1】：

这是因为 z-index 仅在位置属性存在并设置为“相对”或“绝对”时才有意义。请尝试将其更改为：

it("understands z-index values", function(){
  loadFixtures('input_tips.html');
  $('span.tip:first').css({'position':'relative','z-index':200});
  expect($('span.tip:first').css('z-index')).toEqual('200');
});

【讨论】：