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 |