iSharkFly-Docs
/
angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

test(compiler-cli): add external template source-map tests (#40237) 

This commit migrates, and supplements, compliance tests that
check the source-mapping of external templates.

PR Close #40237
This commit is contained in:
Pete Bacon Darwin 2020-12-15 17:13:40 +00:00 committed by atscott
parent dfe64a0060
commit 0fd06e5ab8
14 changed files with 402 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

180
packages/compiler-cli/test/compliance/test_cases/source_mapping/external_templates/GOLDEN_PARTIAL.js Normal file
View File

@ -0,0 +1,180 @@
/****************************************************************************************************
* PARTIAL FILE: external_template.js
****************************************************************************************************/
import { Component } from '@angular/core';
import * as i0 from "@angular/core";
export class TestCmp {
}
TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: "<div>this is a test</div>\n<div>{{ 1 + 2 }}</div>", isInline: false } });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestCmp, [{
type: Component,
args: [{
selector: 'test-cmp',
templateUrl: './dir/test.html',
}]
}], null, null); })();
//# sourceMappingURL=external_template.js.map
/****************************************************************************************************
* PARTIAL FILE: external_template.js.map
****************************************************************************************************/
{"version":3,"file":"external_template.js","sourceRoot":"","sources":["../external_template.ts","../dir/test.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DCNpB,mDACsB;uFDKT,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,WAAW,EAAE,iBAAiB;aAC/B","sourcesContent":["import {Component} from '@angular/core';\n\n@Component({\n selector: 'test-cmp',\n templateUrl: './dir/test.html',\n})\nexport class TestCmp {\n}\n","<div>this is a test</div>\n<div>{{ 1 + 2 }}</div>"]}
/****************************************************************************************************
* PARTIAL FILE: external_template.d.ts
****************************************************************************************************/
import * as i0 from "@angular/core";
export declare class TestCmp {
static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
}
/****************************************************************************************************
* PARTIAL FILE: external_template.js
****************************************************************************************************/
import { Component } from '@angular/core';
import * as i0 from "@angular/core";
export class TestCmp {
}
TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: "<div>this is a test</div>\n<div>{{ 1 + 2 }}</div>", isInline: false } });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestCmp, [{
type: Component,
args: [{
selector: 'test-cmp',
templateUrl: './dir/test.html',
}]
}], null, null); })();
//# sourceMappingURL=external_template.js.map
/****************************************************************************************************
* PARTIAL FILE: external_template.js.map
****************************************************************************************************/
{"version":3,"file":"external_template.js","sourceRoot":"","sources":["../external_template.ts","../dir/test.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DCNpB,mDACsB;uFDKT,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,WAAW,EAAE,iBAAiB;aAC/B","sourcesContent":["import {Component} from '@angular/core';\n\n@Component({\n selector: 'test-cmp',\n templateUrl: './dir/test.html',\n})\nexport class TestCmp {\n}\n","<div>this is a test</div>\n<div>{{ 1 + 2 }}</div>"]}
/****************************************************************************************************
* PARTIAL FILE: external_template.d.ts
****************************************************************************************************/
import * as i0 from "@angular/core";
export declare class TestCmp {
static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
}
/****************************************************************************************************
* PARTIAL FILE: extra_root_dir.js
****************************************************************************************************/
import { Component } from '@angular/core';
import * as i0 from "@angular/core";
export class TestCmp {
}
TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: "<div>this is a test</div>\n<div>{{ 1 + 2 }}</div>", isInline: false } });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestCmp, [{
type: Component,
args: [{
selector: 'test-cmp',
templateUrl: './dir/extra.html',
}]
}], null, null); })();
//# sourceMappingURL=extra_root_dir.js.map
/****************************************************************************************************
* PARTIAL FILE: extra_root_dir.js.map
****************************************************************************************************/
{"version":3,"file":"extra_root_dir.js","sourceRoot":"","sources":["../extra_root_dir.ts","../extraRootDir/dir/extra.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DCNpB,mDACsB;uFDKT,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,WAAW,EAAE,kBAAkB;aAChC","sourcesContent":["import {Component} from '@angular/core';\n\n@Component({\n selector: 'test-cmp',\n templateUrl: './dir/extra.html',\n})\nexport class TestCmp {\n}\n","<div>this is a test</div>\n<div>{{ 1 + 2 }}</div>"]}
/****************************************************************************************************
* PARTIAL FILE: extra_root_dir.d.ts
****************************************************************************************************/
import * as i0 from "@angular/core";
export declare class TestCmp {
static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
}
/****************************************************************************************************
* PARTIAL FILE: extra_root_dir.js
****************************************************************************************************/
import { Component } from '@angular/core';
import * as i0 from "@angular/core";
export class TestCmp {
}
TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: "<div>this is a test</div>\n<div>{{ 1 + 2 }}</div>", isInline: false } });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestCmp, [{
type: Component,
args: [{
selector: 'test-cmp',
templateUrl: './dir/extra.html',
}]
}], null, null); })();
//# sourceMappingURL=extra_root_dir.js.map
/****************************************************************************************************
* PARTIAL FILE: extra_root_dir.js.map
****************************************************************************************************/
{"version":3,"file":"extra_root_dir.js","sourceRoot":"","sources":["../extra_root_dir.ts","../extraRootDir/dir/extra.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DCNpB,mDACsB;uFDKT,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,WAAW,EAAE,kBAAkB;aAChC","sourcesContent":["import {Component} from '@angular/core';\n\n@Component({\n selector: 'test-cmp',\n templateUrl: './dir/extra.html',\n})\nexport class TestCmp {\n}\n","<div>this is a test</div>\n<div>{{ 1 + 2 }}</div>"]}
/****************************************************************************************************
* PARTIAL FILE: extra_root_dir.d.ts
****************************************************************************************************/
import * as i0 from "@angular/core";
export declare class TestCmp {
static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
}
/****************************************************************************************************
* PARTIAL FILE: escaped_chars.js
****************************************************************************************************/
import { Component } from '@angular/core';
import * as i0 from "@angular/core";
export class TestCmp {
}
TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: "<!--\n NOTE: This template has escaped `\\r\\n` line-endings markers that will be converted to real `\\r\\n` line-ending chars when loaded from the test file-system.\n This conversion happens in the monkeyPatchReadFile() function, which changes `fs.readFile()`.\n-->\n<div>\r\n Some Message\r\n Encoded character: \uD83D\uDE80\r\n</div>", isInline: false } });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestCmp, [{
type: Component,
args: [{
selector: 'test-cmp',
templateUrl: './escaped_chars.html',
}]
}], null, null); })();
//# sourceMappingURL=escaped_chars.js.map
/****************************************************************************************************
* PARTIAL FILE: escaped_chars.js.map
****************************************************************************************************/
{"version":3,"file":"escaped_chars.js","sourceRoot":"","sources":["../escaped_chars.ts","../escaped_chars.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DCNpB,4VAOM;uFDDO,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,WAAW,EAAE,sBAAsB;aACpC","sourcesContent":["import {Component} from '@angular/core';\n\n@Component({\n selector: 'test-cmp',\n templateUrl: './escaped_chars.html',\n})\nexport class TestCmp {\n}\n","<!--\n NOTE: This template has escaped `\\r\\n` line-endings markers that will be converted to real `\\r\\n` line-ending chars when loaded from the test file-system.\n This conversion happens in the monkeyPatchReadFile() function, which changes `fs.readFile()`.\n-->\n<div>\r\n Some Message\r\n Encoded character: 🚀\r\n</div>"]}
/****************************************************************************************************
* PARTIAL FILE: escaped_chars.d.ts
****************************************************************************************************/
import * as i0 from "@angular/core";
export declare class TestCmp {
static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
}
/****************************************************************************************************
* PARTIAL FILE: escaped_chars.js
****************************************************************************************************/
import { Component } from '@angular/core';
import * as i0 from "@angular/core";
export class TestCmp {
}
TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: "<!--\n NOTE: This template has escaped `\\r\\n` line-endings markers that will be converted to real `\\r\\n` line-ending chars when loaded from the test file-system.\n This conversion happens in the monkeyPatchReadFile() function, which changes `fs.readFile()`.\n-->\n<div>\r\n Some Message\r\n Encoded character: \uD83D\uDE80\r\n</div>", isInline: false } });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestCmp, [{
type: Component,
args: [{
selector: 'test-cmp',
templateUrl: './escaped_chars.html',
}]
}], null, null); })();
//# sourceMappingURL=escaped_chars.js.map
/****************************************************************************************************
* PARTIAL FILE: escaped_chars.js.map
****************************************************************************************************/
{"version":3,"file":"escaped_chars.js","sourceRoot":"","sources":["../escaped_chars.ts","../escaped_chars.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DCNpB,4VAOM;uFDDO,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,WAAW,EAAE,sBAAsB;aACpC","sourcesContent":["import {Component} from '@angular/core';\n\n@Component({\n selector: 'test-cmp',\n templateUrl: './escaped_chars.html',\n})\nexport class TestCmp {\n}\n","<!--\n NOTE: This template has escaped `\\r\\n` line-endings markers that will be converted to real `\\r\\n` line-ending chars when loaded from the test file-system.\n This conversion happens in the monkeyPatchReadFile() function, which changes `fs.readFile()`.\n-->\n<div>\r\n Some Message\r\n Encoded character: 🚀\r\n</div>"]}
/****************************************************************************************************
* PARTIAL FILE: escaped_chars.d.ts
****************************************************************************************************/
import * as i0 from "@angular/core";
export declare class TestCmp {
static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
}

121
packages/compiler-cli/test/compliance/test_cases/source_mapping/external_templates/TEST_CASES.json Normal file
View File

@ -0,0 +1,121 @@
{
"$schema": "../../test_case_schema.json",
"cases": [
{
"description": "should create external template source-mapping (full compile)",
"inputFiles": [
"external_template.ts"
],
"compilationModeFilter": [
"full compile"
],
"compilerOptions": {
"sourceMap": true,
"inlineSources": true
}
},
{
"description": "should create external template source-mapping (linked compile)",
"inputFiles": [
"external_template.ts"
],
"expectations": [
{
"files": [
{
"generated": "external_template.js",
"expected": "external_template_partial.js"
}
]
}
],
"compilationModeFilter": [
"linked compile"
],
"compilerOptions": {
"sourceMap": true,
"inlineSources": true
}
},
{
"description": "should create correct mappings when templateUrl is in a different rootDir (full compile)",
"inputFiles": [
"extra_root_dir.ts"
],
"compilationModeFilter": [
"full compile"
],
"compilerOptions": {
"sourceMap": true,
"inlineSources": true,
"rootDirs": [
".",
"extraRootDir"
]
}
},
{
"description": "should create correct mappings when templateUrl is in a different rootDir (linked compile)",
"inputFiles": [
"extra_root_dir.ts"
],
"compilationModeFilter": [
"linked compile"
],
"expectations": [
{
"files": [
{
"generated": "extra_root_dir.js",
"expected": "extra_root_dir_partial.js"
}
]
}
],
"compilerOptions": {
"sourceMap": true,
"inlineSources": true,
"rootDirs": [
".",
"extraRootDir"
]
}
},
{
"description": "should handle unusual escaped chars when source-mapping (full compile)",
"inputFiles": [
"escaped_chars.ts"
],
"compilationModeFilter": [
"full compile"
],
"compilerOptions": {
"sourceMap": true,
"inlineSources": true
}
},
{
"description": "should handle unusual escaped chars when source-mapping (linked compile)",
"inputFiles": [
"escaped_chars.ts"
],
"expectations": [
{
"files": [
{
"generated": "escaped_chars.js",
"expected": "escaped_chars_partial.js"
}
]
}
],
"compilationModeFilter": [
"linked compile"
],
"compilerOptions": {
"sourceMap": true,
"inlineSources": true
}
}
]
}

2
packages/compiler-cli/test/compliance/test_cases/source_mapping/external_templates/dir/test.html Normal file
View File

@ -0,0 +1,2 @@
<div>this is a test</div>
<div>{{ 1 + 2 }}</div>

8
packages/compiler-cli/test/compliance/test_cases/source_mapping/external_templates/escaped_chars.html Normal file
View File

@ -0,0 +1,8 @@
<!--
NOTE: This template has escaped `\r\n` line-endings markers that will be converted to real `\r\n` line-ending chars when loaded from the test file-system.
This conversion happens in the monkeyPatchReadFile() function, which changes `fs.readFile()`.
-->
<div>\r\n
Some Message\r\n
Encoded character: 🚀\r\n
</div>

6
packages/compiler-cli/test/compliance/test_cases/source_mapping/external_templates/escaped_chars.js Normal file
View File

@ -0,0 +1,6 @@
i0.ɵɵelementStart(0, "div") // SOURCE: "/escaped_chars.html" <div>\r\n
…
// NOTE: the `\\r\\n` at the end of the next line will be unescaped to `\r\n`. If it was just `\r\n` it would get unescaped to the actual characters.
i0.ɵɵtext(1, " Some Message Encoded character: \uD83D\uDE80\\n") // SOURCE: "/escaped_chars.html" Some Message\r\n Encoded character: 🚀\\r\\n
…
i0.ɵɵelementEnd() // SOURCE: "/escaped_chars.html" </div>

8
packages/compiler-cli/test/compliance/test_cases/source_mapping/external_templates/escaped_chars.ts Normal file
View File

@ -0,0 +1,8 @@
import {Component} from '@angular/core';
@Component({
selector: 'test-cmp',
templateUrl: './escaped_chars.html',
})
export class TestCmp {
}

6
packages/compiler-cli/test/compliance/test_cases/source_mapping/external_templates/escaped_chars_partial.js Normal file
View File

@ -0,0 +1,6 @@
.ɵɵelementStart(0, "div") // SOURCE: "/escaped_chars.html" <div>\r\n
…
// NOTE: the `\\r\\n` at the end of the next line will be unescaped to `\r\n`. If it was just `\r\n` it would get unescaped to the actual characters.
.ɵɵtext(1, " Some Message Encoded character: \uD83D\uDE80\\n") // SOURCE: "/escaped_chars.html" Some Message\r\n Encoded character: 🚀\\r\\n
…
.ɵɵelementEnd() // SOURCE: "/escaped_chars.html" </div>

13
packages/compiler-cli/test/compliance/test_cases/source_mapping/external_templates/external_template.js Normal file
View File

@ -0,0 +1,13 @@
i0.ɵɵelementStart(0, "div") // SOURCE: "/dir/test.html" <div>
…
i0.ɵɵtext(1, "this is a test") // SOURCE: "/dir/test.html" this is a test
…
i0.ɵɵelementEnd() // SOURCE: "/dir/test.html" </div>
…
i0.ɵɵelementStart(2, "div") // SOURCE: "/dir/test.html" <div>
…
i0.ɵɵtext(3) // SOURCE: "/dir/test.html" {{ 1 + 2 }}
…
i0.ɵɵelementEnd() // SOURCE: "/dir/test.html" </div>
…
i0.ɵɵtextInterpolate(1 + 2) // SOURCE: "/dir/test.html" {{ 1 + 2 }}

8
packages/compiler-cli/test/compliance/test_cases/source_mapping/external_templates/external_template.ts Normal file
View File

@ -0,0 +1,8 @@
import {Component} from '@angular/core';
@Component({
selector: 'test-cmp',
templateUrl: './dir/test.html',
})
export class TestCmp {
}

14
packages/compiler-cli/test/compliance/test_cases/source_mapping/external_templates/external_template_partial.js Normal file
View File

@ -0,0 +1,14 @@
.ɵɵelementStart(0, "div") // SOURCE: "/dir/test.html" <div>
…
.ɵɵtext(1, "this is a test") // SOURCE: "/dir/test.html" this is a test
…
.ɵɵelementEnd() // SOURCE: "/dir/test.html" </div>\n
…
.ɵɵelementStart(2, "div") // SOURCE: "/dir/test.html" <div>
…
.ɵɵtext(3) // SOURCE: "/dir/test.html" {{ 1 + 2 }}
…
// TODO: Work out how to fix the broken segment for the last item in a template
.ɵɵelementEnd() // SOURCE: "/dir/test.html" </div>
…
.ɵɵtextInterpolate(1 + 2) // SOURCE: "/dir/test.html" {{ 1 + 2 }}

2
packages/compiler-cli/test/compliance/test_cases/source_mapping/external_templates/extraRootDir/dir/extra.html Normal file
View File

@ -0,0 +1,2 @@
<div>this is a test</div>
<div>{{ 1 + 2 }}</div>

13
packages/compiler-cli/test/compliance/test_cases/source_mapping/external_templates/extra_root_dir.js Normal file
View File

@ -0,0 +1,13 @@
i0.ɵɵelementStart(0, "div") // SOURCE: "/extraRootDir/dir/extra.html" <div>
…
i0.ɵɵtext(1, "this is a test") // SOURCE: "/extraRootDir/dir/extra.html" this is a test
…
i0.ɵɵelementEnd() // SOURCE: "/extraRootDir/dir/extra.html" </div>
…
i0.ɵɵelementStart(2, "div") // SOURCE: "/extraRootDir/dir/extra.html" <div>
…
i0.ɵɵtext(3) // SOURCE: "/extraRootDir/dir/extra.html" {{ 1 + 2 }}
…
i0.ɵɵelementEnd() // SOURCE: "/extraRootDir/dir/extra.html" </div>
…
i0.ɵɵtextInterpolate(1 + 2) // SOURCE: "/extraRootDir/dir/extra.html" {{ 1 + 2 }}

8
packages/compiler-cli/test/compliance/test_cases/source_mapping/external_templates/extra_root_dir.ts Normal file
View File

@ -0,0 +1,8 @@
import {Component} from '@angular/core';
@Component({
selector: 'test-cmp',
templateUrl: './dir/extra.html',
})
export class TestCmp {
}

13
packages/compiler-cli/test/compliance/test_cases/source_mapping/external_templates/extra_root_dir_partial.js Normal file
View File

@ -0,0 +1,13 @@
.ɵɵelementStart(0, "div") // SOURCE: "/extraRootDir/dir/extra.html" <div>
…
.ɵɵtext(1, "this is a test") // SOURCE: "/extraRootDir/dir/extra.html" this is a test
…
.ɵɵelementEnd() // SOURCE: "/extraRootDir/dir/extra.html" </div>\n
…
.ɵɵelementStart(2, "div") // SOURCE: "/extraRootDir/dir/extra.html" <div>
…
.ɵɵtext(3) // SOURCE: "/extraRootDir/dir/extra.html" {{ 1 + 2 }}
…
.ɵɵelementEnd() // SOURCE: "/extraRootDir/dir/extra.html" </div>
…
.ɵɵtextInterpolate(1 + 2) // SOURCE: "/extraRootDir/dir/extra.html" {{ 1 + 2 }}