Jquery 茉莉花测试元素的定位

我想测试一个主干视图，该视图在第一次实例化时应该首先将自身集中在其父容器中。它是UI的一部分，允许用户在div中拖动元素

当元素的左侧和顶部设置为零时，此当前测试不起作用

我意识到，由于我创建的父元素和子元素从未插入到DOM中，因此它们的CSS似乎从未具有任何值。正确的做法是什么

渲染功能：

  $(@el).css
    left: ($(@parent).width() - @el.width) / 2
    top: ($(@parent).height() - @el.height) / 2      
      @

测试代码

it("should center the element", function() {
  var size = { width: 60, height: 90};
  var parent = document.createElement('div');
  $(parent).width(size.width);
  $(parent).height(size.height);

  this.view.parent = parent;
  $(parent).append(this.view.render().el);

  var expectPosition = {
    left: ($(parent).width() - $(this.view.el).width()) / 2,
    top: (size.height - $(this.view.el).height()) / 2,
  }

      expect($(this.view.el).position()).toEqual(expectPosition);
});