如何在Jasmine单元测试中设置$ document.body上的样式

Question

我试图测试一个动态确定应该在网格中添加多少空行和列的函数。为了做到这一点，我需要设置$ document.body的宽度。到目前为止，我已经能够在身体上成功追加和塑造div，但不能塑造身体本身。这是代码：

// Set up the DOM
body = angular.element($document[0].body);
mainColumn = angular.element('<div></div>')[0];
reportGrid = angular.element('<div></div>')[0];
body.append(mainColumn);
body.append(classReportGrid);
// Style elements
mainColumn.style.height = '413px';
mainColumn.style.width = '600px';
reportGrid.style.height = '1000px';
reportGrid.style.width = '1040px';

以下是我尝试过的相应错误的一些方法：

body.style.width = '800px'; 
// TypeError: 'undefined' is not an object (evaluating 'body.style.width = '800px'')

body.setAttribute('style', 'width: 800px');
// TypeError: 'undefined' is not a function (evaluating 'body.setAttribute('style', 'width: 800px')')

如果我记录body.style，它是未定义的。任何建议表示赞赏！