feat(core): remove ViewEncapsulation.Native (#38882)

Removes `ViewEncapsulation.Native` which has been deprecated for several major versions.

BREAKING CHANGES:
* `ViewEncapsulation.Native` has been removed. Use `ViewEncapsulation.ShadowDom` instead. Existing
usages will be updated automatically by `ng update`.

PR Close #38882
This commit is contained in:
Kristiyan Kostadinov
2020-10-08 16:59:29 +02:00
committed by atscott
parent 0e733f3689
commit 4a1c12c773
25 changed files with 77 additions and 91 deletions

View File

@ -272,19 +272,19 @@ class ImageExampleModule {
@Component({
selector: 'app',
template: 'Native works',
encapsulation: ViewEncapsulation.Native,
template: 'Shadow DOM works',
encapsulation: ViewEncapsulation.ShadowDom,
styles: [':host { color: red; }']
})
class NativeEncapsulationApp {
class ShadowDomEncapsulationApp {
}
@NgModule({
declarations: [NativeEncapsulationApp],
declarations: [ShadowDomEncapsulationApp],
imports: [BrowserModule.withServerTransition({appId: 'test'}), ServerModule],
bootstrap: [NativeEncapsulationApp]
bootstrap: [ShadowDomEncapsulationApp]
})
class NativeExampleModule {
class ShadowDomExampleModule {
}
@Component({selector: 'my-child', template: 'Works!'})
@ -666,8 +666,8 @@ describe('platform-server integration', () => {
});
}));
it('should handle ViewEncapsulation.Native', waitForAsync(() => {
renderModule(NativeExampleModule, {document: doc}).then(output => {
it('should handle ViewEncapsulation.ShadowDom', waitForAsync(() => {
renderModule(ShadowDomExampleModule, {document: doc}).then(output => {
expect(output).not.toBe('');
expect(output).toContain('color: red');
called = true;