Question

我正在使用Jasmine和Jasmine-jQuery来测试我的应用程序中的Javascript。我设置了一个HTML fixture已成功测试显示和隐藏元素和其他交互，但到目前为止，我无法正确设置和读取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读作“auto。”

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

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

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

Answer 1

这是因为z-index仅在存在position属性并设置为'relative'或'absolute'时才有意义。请尝试将其更改为：

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');
});

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

1 个答案: