在Jquery中工作时，如何使用Jasmine测试文本颜色？

Question

我正在使用JQuery操作HTML文档上的文本，我需要测试驱动此过程。但是，我无法找到能够让我这样做的语法吗？

我的代码是：

$("#temperature").css({
    'color' : 'orange', 
    'font-size' : '200%'
});

Answer 1

您需要https://github.com/velesin/jasmine-jquery：

toHaveCss(css)
  e.g. expect($('<div style="display: none; margin: 10px;">  
  </div>')).toHaveCss({display: "none", margin: "10px"})

  e.g. expect($('<div style="display: none; margin: 10px;">  
  </div>')).toHaveCss({margin: "10px"})

Answer 2

Jquery与茉莉花

describe("check css ", function() {
    beforeEach(function() {
        // your initial expectation here
    });

    it ("should css check colour.", function() {
      expect($("#temperature")).toHaveCSS({'color' : 'orange', 'font-size' : '200%'});
    });
  });