From fb3a7db0809b959d50be4cb93a65a91200071dd5 Mon Sep 17 00:00:00 2001 From: Matias Niemelä Date: Wed, 21 Aug 2013 21:29:40 -0400 Subject: feat(ngMock): add support for creating dynamic style sheets within test code --- test/privateMocksSpec.js | 36 ++++++++++++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 test/privateMocksSpec.js (limited to 'test/privateMocksSpec.js') diff --git a/test/privateMocksSpec.js b/test/privateMocksSpec.js new file mode 100644 index 00000000..e58a2b75 --- /dev/null +++ b/test/privateMocksSpec.js @@ -0,0 +1,36 @@ +describe('private mocks', function() { + describe('createMockStyleSheet', function() { + + it('should allow custom styles to be created and removed when the stylesheet is destroyed', + inject(function($compile, $document, $window, $rootElement, $rootScope) { + + var doc = $document[0]; + var count = doc.styleSheets.length; + var stylesheet = createMockStyleSheet($document, $window); + expect(doc.styleSheets.length).toBe(count + 1); + + jqLite(doc.body).append($rootElement); + + var elm = $compile('
...
')($rootScope); + $rootElement.append(elm); + + expect(getStyle(elm, 'paddingTop')).toBe('0px'); + + stylesheet.addRule('.padded', 'padding-top:2px'); + + expect(getStyle(elm, 'paddingTop')).toBe('2px'); + + stylesheet.destroy(); + + expect(getStyle(elm, 'paddingTop')).toBe('0px'); + + function getStyle(element, key) { + var node = element[0]; + return node.currentStyle ? + node.currentStyle[key] : + $window.getComputedStyle(node)[key]; + }; + })); + + }); +}); -- cgit v1.2.3