| OLD | NEW |
| (Empty) |
| 1 library ng_base_css_spec; | |
| 2 | |
| 3 import '../_specs.dart'; | |
| 4 | |
| 5 @Component( | |
| 6 selector: 'html-and-css', | |
| 7 templateUrl: 'simple.html', | |
| 8 cssUrl: 'simple.css') | |
| 9 class _HtmlAndCssComponent {} | |
| 10 | |
| 11 main() => describe('NgBaseCss', () { | |
| 12 beforeEachModule((Module module) { | |
| 13 module | |
| 14 ..type(_HtmlAndCssComponent); | |
| 15 }); | |
| 16 | |
| 17 it('should load css urls from ng-base-css', async((TestBed _, MockHttpBackend
backend) { | |
| 18 backend | |
| 19 ..expectGET('base.css').respond(200, '.base{}') | |
| 20 ..expectGET('simple.css').respond(200, '.simple{}') | |
| 21 ..expectGET('simple.html').respond(200, '<div>Simple!</div>'); | |
| 22 | |
| 23 var element = e('<div ng-base-css="base.css"><html-and-css>ignore</html-and-
css></div>'); | |
| 24 _.compile(element); | |
| 25 | |
| 26 microLeap(); | |
| 27 backend.flush(); | |
| 28 microLeap(); | |
| 29 | |
| 30 expect(element.children[0].shadowRoot).toHaveHtml( | |
| 31 '<style>.base{}</style><style>.simple{}</style><div>Simple!</div>' | |
| 32 ); | |
| 33 })); | |
| 34 | |
| 35 it('ng-base-css should overwrite parent ng-base-csses', async((TestBed _, Mock
HttpBackend backend) { | |
| 36 backend | |
| 37 ..expectGET('base.css').respond(200, '.base{}') | |
| 38 ..expectGET('simple.css').respond(200, '.simple{}') | |
| 39 ..expectGET('simple.html').respond(200, '<div>Simple!</div>'); | |
| 40 | |
| 41 var element = e('<div ng-base-css="hidden.css"><div ng-base-css="base.css"><
html-and-css>ignore</html-and-css></div></div>'); | |
| 42 _.compile(element); | |
| 43 | |
| 44 microLeap(); | |
| 45 backend.flush(); | |
| 46 microLeap(); | |
| 47 | |
| 48 expect(element.children[0].children[0].shadowRoot).toHaveHtml( | |
| 49 '<style>.base{}</style><style>.simple{}</style><div>Simple!</div>' | |
| 50 ); | |
| 51 })); | |
| 52 | |
| 53 describe('from injector', () { | |
| 54 beforeEachModule((Module module) { | |
| 55 module.value(NgBaseCss, new NgBaseCss()..urls = ['injected.css']); | |
| 56 }); | |
| 57 | |
| 58 it('ng-base-css should be available from the injector', async((TestBed _, Mo
ckHttpBackend backend) { | |
| 59 backend | |
| 60 ..expectGET('injected.css').respond(200, '.injected{}') | |
| 61 ..expectGET('simple.css').respond(200, '.simple{}') | |
| 62 ..expectGET('simple.html').respond(200, '<div>Simple!</div>'); | |
| 63 | |
| 64 var element = e('<div><html-and-css>ignore</html-and-css></div></div>'); | |
| 65 _.compile(element); | |
| 66 | |
| 67 microLeap(); | |
| 68 backend.flush(); | |
| 69 microLeap(); | |
| 70 | |
| 71 expect(element.children[0].shadowRoot).toHaveHtml( | |
| 72 '<style>.injected{}</style><style>.simple{}</style><div>Simple!</div>' | |
| 73 ); | |
| 74 })); | |
| 75 }); | |
| 76 }); | |
| OLD | NEW |