0

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 をハードコーディングします。違いはありません。

私は何か間違ったことをしていますか、それともこれはバグですか?

4

1 に答える 1

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');
});
于 2011-06-27T15:48:31.183 に答える