abcd4bbfaa
Currently the compiler treats `@page` rules in the same way as `@media`, however that is incorrect and it results in invalid CSS, because `@page` allows style declarations at the root (e.g. `@page (margin: 50%) {}`) and it only allows a limited set of at-rules to be nested into it. Given these restrictions, we can't really encapsulate the styles since they apply at the document level when the user tries to print.
These changes make it so that `@page` rules are preserved so that we don't break the user's CSS.
More information: https://www.w3.org/TR/css-page-3
Fixes #26269.
PR Close #41915
86 lines
2.0 KiB
TypeScript
86 lines
2.0 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google LLC All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.io/license
|
|
*/
|
|
|
|
import {NgModuleResolver} from '@angular/compiler/src/ng_module_resolver';
|
|
import {Component, Directive, Injectable, NgModule, ɵstringify as stringify} from '@angular/core';
|
|
import {JitReflector} from '@angular/platform-browser-dynamic/src/compiler_reflector';
|
|
|
|
@Directive()
|
|
class SomeClass1 {
|
|
}
|
|
|
|
@NgModule()
|
|
class SomeClass2 {
|
|
}
|
|
|
|
@NgModule()
|
|
class SomeClass3 {
|
|
}
|
|
|
|
@Injectable()
|
|
class SomeClass4 {
|
|
}
|
|
|
|
@Component({template: ''})
|
|
class SomeClass5 {
|
|
}
|
|
|
|
@NgModule({
|
|
declarations: [SomeClass1],
|
|
imports: [SomeClass2],
|
|
exports: [SomeClass3],
|
|
providers: [SomeClass4],
|
|
entryComponents: [SomeClass5]
|
|
})
|
|
class SomeModule {
|
|
}
|
|
|
|
class SimpleClass {}
|
|
|
|
{
|
|
describe('NgModuleResolver', () => {
|
|
let resolver: NgModuleResolver;
|
|
|
|
beforeEach(() => {
|
|
resolver = new NgModuleResolver(new JitReflector());
|
|
});
|
|
|
|
it('should read out the metadata from the class', () => {
|
|
const moduleMetadata = resolver.resolve(SomeModule);
|
|
expect(moduleMetadata).toEqual(new NgModule({
|
|
declarations: [SomeClass1],
|
|
imports: [SomeClass2],
|
|
exports: [SomeClass3],
|
|
providers: [SomeClass4],
|
|
entryComponents: [SomeClass5]
|
|
}));
|
|
});
|
|
|
|
it('should throw when simple class has no NgModule decorator', () => {
|
|
expect(() => resolver.resolve(SimpleClass))
|
|
.toThrowError(`No NgModule metadata found for '${stringify(SimpleClass)}'.`);
|
|
});
|
|
|
|
it('should support inheriting the metadata', function() {
|
|
@NgModule({id: 'p'})
|
|
class Parent {
|
|
}
|
|
|
|
class ChildNoDecorator extends Parent {}
|
|
|
|
@NgModule({id: 'c'})
|
|
class ChildWithDecorator extends Parent {
|
|
}
|
|
|
|
expect(resolver.resolve(ChildNoDecorator)).toEqual(new NgModule({id: 'p'}));
|
|
|
|
expect(resolver.resolve(ChildWithDecorator)).toEqual(new NgModule({id: 'c'}));
|
|
});
|
|
});
|
|
}
|