Skip to content

GitLab

T
tangled
Commit e1ded62c authored by rbpotter's avatar rbpotter Committed by Commit Bot
Browse files
Options

Web UI: Update template_expressions.cc to use new start/end markers 

Update template expressions replacement to use the new HTML template
start and end markers instead of looking for _template: html` and `,.
This allows some simplification of the logic and will enable i18n
replacements in JS files using class based Polymer 3 syntax, since
the autogeneration code adds these markers to the start and end of
HTML templates at build time regardless of syntax.

Also modifying some existing tests to use class based syntax, and
adding more tests for less common cases and for mixed class/legacy
syntax.

Bug: 1023841
Change-Id: I764ee18621bc526f259b7b970e6008e0de220711
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1935609Reviewed-by: default avatarDemetrios Papadopoulos <dpapad@chromium.org>
Commit-Queue: Rebekah Potter <rbpotter@chromium.org>
Cr-Commit-Position: refs/heads/master@{#719259}
parent acc77059
Hide whitespace changes
Inline Side-by-side
Showing with 246 additions and 119 deletions
ui/base/template_expressions.cc
View file @ e1ded62c
...@@ -21,18 +21,11 @@ const char kLeader[] = "$i18n"; ...@@ -21,18 +21,11 @@ const char kLeader[] = "$i18n";
const size_t kLeaderSize = base::size(kLeader) - 1; const size_t kLeaderSize = base::size(kLeader) - 1;
const char kKeyOpen = '{'; const char kKeyOpen = '{';
const char kKeyClose = '}'; const char kKeyClose = '}';
const char kHtmlTemplateStart[] = "_template: html`"; const char kHtmlTemplateEnd[] = "<!--_html_template_end_-->";
const char kHtmlTemplateStartMin[] = "_template:html`"; const char kHtmlTemplateStart[] = "<!--_html_template_start_-->";
const size_t kHtmlTemplateStartSize = base::size(kHtmlTemplateStart) - 1; const size_t kHtmlTemplateStartSize = base::size(kHtmlTemplateStart) - 1;
const size_t kHtmlTemplateStartMinSize = base::size(kHtmlTemplateStartMin) - 1;
// Currently only legacy _template: html`...`, syntax is supported. enum HtmlTemplateType { INVALID = 0, NONE = 1, VALID = 2 };
enum HtmlTemplateType { INVALID = 0, NONE = 1, LEGACY = 2 };
struct TemplatePosition {
HtmlTemplateType type;
base::StringPiece::size_type position;
};
struct HtmlTemplate { struct HtmlTemplate {
base::StringPiece::size_type start; base::StringPiece::size_type start;
...@@ -40,60 +33,26 @@ struct HtmlTemplate { ...@@ -40,60 +33,26 @@ struct HtmlTemplate {
HtmlTemplateType type; HtmlTemplateType type;
}; };
TemplatePosition FindHtmlTemplateEnd(const base::StringPiece& source) {
enum State { OPEN, IN_ESCAPE, IN_TICK };
State state = OPEN;
for (base::StringPiece::size_type i = 0; i < source.length(); i++) {
if (state == IN_ESCAPE) {
state = OPEN; // Consume
continue;
}
switch (source[i]) {
case '\\':
state = IN_ESCAPE;
break;
case '`':
state = IN_TICK;
break;
case ',':
if (state == IN_TICK)
return {LEGACY, i - 1};
FALLTHROUGH;
default:
state = OPEN;
}
}
return {NONE, base::StringPiece::npos};
}
HtmlTemplate FindHtmlTemplate(const base::StringPiece& source) { HtmlTemplate FindHtmlTemplate(const base::StringPiece& source) {
HtmlTemplate out; HtmlTemplate out;
base::StringPiece::size_type found = source.find(kHtmlTemplateStart); base::StringPiece::size_type found = source.find(kHtmlTemplateStart);
base::StringPiece::size_type found_min = base::StringPiece::npos;
if (found == base::StringPiece::npos) {
found_min = source.find(kHtmlTemplateStartMin);
}
// No template found, return early. // No template found, return early.
if (found == base::StringPiece::npos && if (found == base::StringPiece::npos) {
found_min == base::StringPiece::npos) {
out.type = NONE; out.type = NONE;
return out; return out;
} }
out.start = found == base::StringPiece::npos out.start = found + kHtmlTemplateStartSize;
? found_min + kHtmlTemplateStartMinSize base::StringPiece::size_type found_end =
: found + kHtmlTemplateStartSize; source.find(kHtmlTemplateEnd, out.start);
TemplatePosition end = FindHtmlTemplateEnd(source.substr(out.start));
// Template is not terminated. // Template is not terminated.
if (end.type == NONE) { if (found_end == base::StringPiece::npos) {
out.type = INVALID; out.type = INVALID;
return out; return out;
} }
out.length = end.position; out.length = found_end - out.start;
// Check for a nested template // Check for a nested template
if (source.substr(out.start, out.length).find(kHtmlTemplateStart) != if (source.substr(out.start, out.length).find(kHtmlTemplateStart) !=
base::StringPiece::npos) { base::StringPiece::npos) {
...@@ -101,7 +60,7 @@ HtmlTemplate FindHtmlTemplate(const base::StringPiece& source) { ...@@ -101,7 +60,7 @@ HtmlTemplate FindHtmlTemplate(const base::StringPiece& source) {
return out; return out;
} }
out.type = LEGACY; out.type = VALID;
return out; return out;
} }
......
ui/base/template_expressions_unittest.cc
View file @ e1ded62c
...@@ -104,40 +104,67 @@ TEST(TemplateExpressionsTest, JSNoReplacementOutsideTemplate) { ...@@ -104,40 +104,67 @@ TEST(TemplateExpressionsTest, JSNoReplacementOutsideTemplate) {
{"console.log('hello world');", "console.log('hello world');"}, {"console.log('hello world');", "console.log('hello world');"},
// Has HTML content but nothing to substitute. // Has HTML content but nothing to substitute.
{"Polymer({\n" {"Polymer({\n"
" _template: html`\n" " _template: html`<!--_html_template_start_-->\n"
" <button on-click=\"onClick_\">Button Name</button>\n" " <button on-click=\"onClick_\">Button Name</button>\n"
" `,\n" "<!--_html_template_end_-->`,\n"
" is: 'foo-element',\n" " is: 'foo-element',\n"
" onClick_: function() { console.log('hello'); },\n" " onClick_: function() { console.log('hello'); },\n"
"});", "});",
"Polymer({\n" "Polymer({\n"
" _template: html`\n" " _template: html`<!--_html_template_start_-->\n"
" <button on-click=\"onClick_\">Button Name</button>\n" " <button on-click=\"onClick_\">Button Name</button>\n"
" `,\n" "<!--_html_template_end_-->`,\n"
" is: 'foo-element',\n" " is: 'foo-element',\n"
" onClick_: function() { console.log('hello'); },\n" " onClick_: function() { console.log('hello'); },\n"
"});"}, "});"},
// Basic substitution with template on 1 line. // Basic substitution with template on 1 line.
{"Polymer({\n"
" _template: html`<!--_html_template_start_-->\n"
"<div>$i18n{test}</div><!--_html_template_end_-->`,\n"
" is: 'foo-element',\n"
"});",
"Polymer({\n"
" _template: html`<!--_html_template_start_-->\n"
"<div>word</div><!--_html_template_end_-->`,\n"
" is: 'foo-element',\n"
"});"},
// No replacement if start/end comments are missing.
{"Polymer({\n" {"Polymer({\n"
" _template: html`<div>$i18n{test}</div>`,\n" " _template: html`<div>$i18n{test}</div>`,\n"
" is: 'foo-element',\n" " is: 'foo-element',\n"
"});", "});",
"Polymer({\n" "Polymer({\n"
" _template: html`<div>word</div>`,\n" " _template: html`<div>$i18n{test}</div>`,\n"
" is: 'foo-element',\n"
"});"},
// No replacement outside start/end comments, even if inside the HTML
// _template string.
{"Polymer({\n"
" _template: $i18n{test} html`$i18n{5}<!--_html_template_start_-->"
"<div>Hello</div><!--_html_template_end_-->$i18n{test}`,\n"
" is: 'foo-element',\n"
"});",
"Polymer({\n"
" _template: $i18n{test} html`$i18n{5}<!--_html_template_start_-->"
"<div>Hello</div><!--_html_template_end_-->$i18n{test}`,\n"
" is: 'foo-element',\n" " is: 'foo-element',\n"
"});"}, "});"},
// Test case in which only the first $i18n{...} should be substituted, // Test case in which only the first $i18n{...} should be substituted,
// since the second is not in the HTML template string. // since the second is not in the HTML template string.
{"Polymer({\n" {"Polymer({\n"
" _template: html`\n" " _template: html`\n"
"<!--_html_template_start_-->\n"
" <button on-click=\"onClick_\">$i18n{test}</button>\n" " <button on-click=\"onClick_\">$i18n{test}</button>\n"
"<!--_html_template_end_-->\n"
" `,\n" " `,\n"
" is: 'foo-element',\n" " is: 'foo-element',\n"
" onClick_: function() { console.log($i18n{5}); },\n" " onClick_: function() { console.log($i18n{5}); },\n"
"});", "});",
"Polymer({\n" "Polymer({\n"
" _template: html`\n" " _template: html`\n"
"<!--_html_template_start_-->\n"
" <button on-click=\"onClick_\">word</button>\n" " <button on-click=\"onClick_\">word</button>\n"
"<!--_html_template_end_-->\n"
" `,\n" " `,\n"
" is: 'foo-element',\n" " is: 'foo-element',\n"
" onClick_: function() { console.log($i18n{5}); },\n" " onClick_: function() { console.log($i18n{5}); },\n"
...@@ -145,37 +172,23 @@ TEST(TemplateExpressionsTest, JSNoReplacementOutsideTemplate) { ...@@ -145,37 +172,23 @@ TEST(TemplateExpressionsTest, JSNoReplacementOutsideTemplate) {
// Test case with multiple valid substitutions. // Test case with multiple valid substitutions.
{"Polymer({\n" {"Polymer({\n"
" _template: html`\n" " _template: html`\n"
"<!--_html_template_start_-->\n"
" <button on-click=\"onClick_\">$i18n{test}</button>\n" " <button on-click=\"onClick_\">$i18n{test}</button>\n"
" <span>$i18n{5}</span>\n" " <span>$i18n{5}</span>\n"
"<!--_html_template_end_-->\n"
" `,\n" " `,\n"
" is: 'foo-element',\n" " is: 'foo-element',\n"
" onClick_: function() { console.log('hello'); },\n" " onClick_: function() { console.log('hello'); },\n"
"});", "});",
"Polymer({\n" "Polymer({\n"
" _template: html`\n" " _template: html`\n"
"<!--_html_template_start_-->\n"
" <button on-click=\"onClick_\">word</button>\n" " <button on-click=\"onClick_\">word</button>\n"
" <span>number</span>\n" " <span>number</span>\n"
"<!--_html_template_end_-->\n"
" `,\n" " `,\n"
" is: 'foo-element',\n" " is: 'foo-element',\n"
" onClick_: function() { console.log('hello'); },\n" " onClick_: function() { console.log('hello'); },\n"
"});"},
// Test cases verifying escaped backticks are not detected as the end of
// the template.
{"Polymer({\n"
" _template: html`<div>backtick\\`,$i18n{test}</div>`,\n"
" is: 'foo-element',\n"
"});",
"Polymer({\n"
" _template: html`<div>backtick\\`,word</div>`,\n"
" is: 'foo-element',\n"
"});"},
{"Polymer({\n"
" _template: html`<div>backtick\\`,$i18n{test}</div>\\\\`,\n"
" is: 'foo-element',\n"
"});",
"Polymer({\n"
" _template: html`<div>backtick\\`,word</div>\\\\`,\n"
" is: 'foo-element',\n"
"});"}}; "});"}};
std::string formatted; std::string formatted;
...@@ -199,62 +212,76 @@ TEST(TemplateExpressionsTest, JSReplacementsEscape) { ...@@ -199,62 +212,76 @@ TEST(TemplateExpressionsTest, JSReplacementsEscape) {
// Substitution with a backtick in the replacement. // Substitution with a backtick in the replacement.
{"Polymer({\n" {"Polymer({\n"
" _template: html`\n" " _template: html`\n"
"<!--_html_template_start_-->\n"
" <span>\n" " <span>\n"
" $i18n{backtickSample}\n" " $i18n{backtickSample}\n"
" </span>\n" " </span>\n"
" <button on-click=\"onClick_\">Button</button>\n" " <button on-click=\"onClick_\">Button</button>\n"
"<!--_html_template_end_-->\n"
" `,\n" " `,\n"
" is: 'foo-element',\n" " is: 'foo-element',\n"
" onClick_: function() { console.log('hello'); },\n" " onClick_: function() { console.log('hello'); },\n"
"});", "});",
"Polymer({\n" "Polymer({\n"
" _template: html`\n" " _template: html`\n"
"<!--_html_template_start_-->\n"
" <span>\n" " <span>\n"
" \\`, attached: function() { alert(1); },_template: html\\`\n" " \\`, attached: function() { alert(1); },_template: html\\`\n"
" </span>\n" " </span>\n"
" <button on-click=\"onClick_\">Button</button>\n" " <button on-click=\"onClick_\">Button</button>\n"
"<!--_html_template_end_-->\n"
" `,\n" " `,\n"
" is: 'foo-element',\n" " is: 'foo-element',\n"
" onClick_: function() { console.log('hello'); },\n" " onClick_: function() { console.log('hello'); },\n"
"});"}, "});"},
// Backtick in one replacement, HTML escapes in other replacements // Backtick in one replacement, HTML escapes in other replacements. Class
{"Polymer({\n" // based syntax.
" _template: html`\n" {"class FooElement extends PolymerElement {\n"
" <span>\n" " static get template() {\n"
" return html`<!--_html_template_start_--><span>\n"
" $i18n{backtickSample}\n" " $i18n{backtickSample}\n"
" </span>\n" " </span>\n"
" <button on-click=\"onClick_\">\n" " <button on-click=\"onClick_\">\n"
" $i18n{punctuationSample}.\n" " $i18n{punctuationSample}.\n"
" </button>\n" " </button>\n"
" <div>$i18n{htmlSample}</div>\n" " <div>$i18n{htmlSample}</div><!--_html_template_end_-->`;\n"
" `,\n" " }\n"
" is: 'foo-element',\n" " static get is() {\n"
" onClick_: function() { console.log('hello'); },\n" " return 'foo-element';\n"
"});", " }\n"
"Polymer({\n" " onClick_() { console.log('hello'); }\n"
" _template: html`\n" "};",
" <span>\n" "class FooElement extends PolymerElement {\n"
" static get template() {\n"
" return html`<!--_html_template_start_--><span>\n"
" \\`, attached: function() { alert(1); },_template: html\\`\n" " \\`, attached: function() { alert(1); },_template: html\\`\n"
" </span>\n" " </span>\n"
" <button on-click=\"onClick_\">\n" " <button on-click=\"onClick_\">\n"
" a&quot;b&#39;c&lt;d&gt;e&amp;f.\n" " a&quot;b&#39;c&lt;d&gt;e&amp;f.\n"
" </button>\n" " </button>\n"
" <div>&lt;div&gt;hello&lt;/div&gt;</div>\n" " <div>&lt;div&gt;hello&lt;/div&gt;</div>"
" `,\n" "<!--_html_template_end_-->`;\n"
" is: 'foo-element',\n" " }\n"
" onClick_: function() { console.log('hello'); },\n" " static get is() {\n"
"});"}, " return 'foo-element';\n"
" }\n"
" onClick_() { console.log('hello'); }\n"
"};"},
// Replacement contains a '$' that isn't accompanied by a subsequent '{', // Replacement contains a '$' that isn't accompanied by a subsequent '{',
// so should be replaced correctly. // so should be replaced correctly.
{"Polymer({\n" {"Polymer({\n"
" _template: html`\n" " _template: html`\n"
"<!--_html_template_start_-->\n"
" <div>Price is: $i18n{dollarSignSample}</div>\n" " <div>Price is: $i18n{dollarSignSample}</div>\n"
"<!--_html_template_end_-->\n"
" `,\n" " `,\n"
" is: 'foo-element',\n" " is: 'foo-element',\n"
"});", "});",
"Polymer({\n" "Polymer({\n"
" _template: html`\n" " _template: html`\n"
"<!--_html_template_start_-->\n"
" <div>Price is: 5$</div>\n" " <div>Price is: 5$</div>\n"
"<!--_html_template_end_-->\n"
" `,\n" " `,\n"
" is: 'foo-element',\n" " is: 'foo-element',\n"
"});"}}; "});"}};
...@@ -276,55 +303,69 @@ TEST(TemplateExpressionsTest, JSReplacementsError) { ...@@ -276,55 +303,69 @@ TEST(TemplateExpressionsTest, JSReplacementsError) {
// All these cases should fail. // All these cases should fail.
const TestCase kTestCases[] = { const TestCase kTestCases[] = {
// Nested templates not allowed. // Nested templates not allowed.
{"Polymer({\n" {"class FooElement extends PolymerElement {\n"
" _template: html`\n" " static get template() { return html`\n"
"<!--_html_template_start_-->\n"
" _template: html`\n" " _template: html`\n"
"<!--_html_template_start_-->\n"
" <span>Hello</span>\n" " <span>Hello</span>\n"
"<!--_html_template_end_-->\n"
" `,\n" " `,\n"
" <div>World</div>\n" " <div>World</div>\n"
" `,\n" "<!--_html_template_end_-->\n"
" is: 'foo-element',\n" " `;}\n"
"});", " static get is() { return 'foo-element'; }\n"
"};",
""}, ""},
// 2 starts, one end. // 2 starts, one end.
{"Polymer({\n" {"Polymer({\n"
" _template: html`\n" " _template: html`\n"
"<!--_html_template_start_-->\n"
" _template: html`\n" " _template: html`\n"
"<!--_html_template_start_-->\n"
" <span>Hello</span>\n" " <span>Hello</span>\n"
" <div>World</div>\n" " <div>World</div>\n"
"<!--_html_template_end_-->\n"
" `,\n" " `,\n"
" is: 'foo-element',\n" " is: 'foo-element',\n"
"});", "});",
""}, ""},
// Replacement contains "${". // Replacement contains "${".
{"Polymer({\n" {"class FooElement extends PolymerElement {\n"
" _template: html`\n" " static get template() { return html`\n"
"<!--_html_template_start_-->\n"
" <div>$i18n{test}</div>\n" " <div>$i18n{test}</div>\n"
" `,\n" "<!--_html_template_end_-->`;\n"
" is: 'foo-element',\n" " }\n"
"});", " static get is() { return 'foo-element'; }\n"
"};",
""}, ""},
// 2 replacements, when combined, create "${". // 2 replacements, when combined, create "${".
{"Polymer({\n" {"Polymer({\n"
" _template: html`\n" " _template: html`\n"
"<!--_html_template_start_-->\n"
" <div>$i18n{testa}$i18n{testb}</div>\n" " <div>$i18n{testa}$i18n{testb}</div>\n"
"<!--_html_template_end_-->\n"
" `,\n" " `,\n"
" is: 'foo-element',\n" " is: 'foo-element',\n"
"});", "});",
""}, ""},
// Replacement, when combined with content preceding it, creates "${". // Replacement, when combined with content preceding it, creates "${".
{"Polymer({\n" {"class FooElement extends PolymerElement {\n"
" _template: html`\n" " static get template() { return html`\n"
"<!--_html_template_start_-->\n"
" <div>Price is: $$i18n{testb}</div>\n" " <div>Price is: $$i18n{testb}</div>\n"
" `,\n" "<!--_html_template_end_-->\n"
" is: 'foo-element',\n" " `;}\n"
"});", " static get is() {return 'foo-element'; }\n"
"};",
""}, ""},
// HTML _template string is not terminated. // HTML _template string is not terminated.
{"Polymer({\n" {"Polymer({\n"
" _template: html`\n" " _template: html`\n"
"<!--_html_template_start_-->\n"
" <div>Price is: $i18n{testa}</div>\n" " <div>Price is: $i18n{testa}</div>\n"
" <span>Fake ending</span>\\\\\\`,\n" "<!--_html_template_not_end-->\n"
" is: 'foo-element',\n" " is: 'foo-element',\n"
"});", "});",
""}, ""},
...@@ -346,43 +387,170 @@ TEST(TemplateExpressionsTest, JSMultipleTemplates) { ...@@ -346,43 +387,170 @@ TEST(TemplateExpressionsTest, JSMultipleTemplates) {
const TestCase kTestCases[] = { const TestCase kTestCases[] = {
// Only the second template has substitutions // Only the second template has substitutions
{"Polymer({\n" {"Polymer({\n"
" _template: html`<div>Hello</div>`,\n" " _template: html`<!--_html_template_start_-->\n"
" <div>Hello</div>\n"
"<!--_html_template_end_-->`,\n"
" is: 'foo-element',\n" " is: 'foo-element',\n"
"});" "});"
"Polymer({\n" "Polymer({\n"
" _template: html`<div>$i18n{5}$i18n{test}</div>`,\n" " _template: html`<!--_html_template_start_-->\n"
" <div>$i18n{5}$i18n{test}</div>\n"
"<!--_html_template_end_-->`,\n"
" is: 'bar-element',\n" " is: 'bar-element',\n"
"});", "});",
"Polymer({\n" "Polymer({\n"
" _template: html`<div>Hello</div>`,\n" " _template: html`<!--_html_template_start_-->\n"
" <div>Hello</div>\n"
"<!--_html_template_end_-->`,\n"
" is: 'foo-element',\n" " is: 'foo-element',\n"
"});" "});"
"Polymer({\n" "Polymer({\n"
" _template: html`<div>numberword</div>`,\n" " _template: html`<!--_html_template_start_-->\n"
" <div>numberword</div>\n"
"<!--_html_template_end_-->`,\n"
" is: 'bar-element',\n" " is: 'bar-element',\n"
"});"}, "});"},
// 2 templates, both with substitutions. // 2 templates, both with substitutions.
{"Polymer({\n" {"Polymer({\n"
" _template: html`<div>$i18n{test}</div>`,\n" " _template: html`<!--_html_template_start_-->\n"
" <div>$i18n{test}</div>\n"
"<!--_html_template_end_-->`,\n"
" is: 'foo-element',\n" " is: 'foo-element',\n"
"});" "});"
"Polymer({\n" "Polymer({\n"
" _template: html`<div>$i18n{5}</div>`,\n" " _template: html`<!--_html_template_start_-->\n"
" <div>$i18n{5}</div>\n"
"<!--_html_template_end_-->`,\n"
" is: 'bar-element',\n" " is: 'bar-element',\n"
"});", "});",
"Polymer({\n" "Polymer({\n"
" _template: html`<div>word</div>`,\n" " _template: html`<!--_html_template_start_-->\n"
" <div>word</div>\n"
"<!--_html_template_end_-->`,\n"
" is: 'foo-element',\n" " is: 'foo-element',\n"
"});" "});"
"Polymer({\n" "Polymer({\n"
" _template: html`<div>number</div>`,\n" " _template: html`<!--_html_template_start_-->\n"
" <div>number</div>\n"
"<!--_html_template_end_-->`,\n"
" is: 'bar-element',\n" " is: 'bar-element',\n"
"});"}, "});"},
// 2 class based templates
{"class FooElement extends PolymerElement {\n"
" static get template() {\n"
" return html`<!--_html_template_start_-->\n"
" <div>$i18n{test}</div>\n"
"<!--_html_template_end_-->`;\n"
" }\n"
" static get is() {\n"
" return 'foo-element';\n"
" }\n"
"};\n"
"class BarElement extends PolymerElement {\n"
" static get template() {\n"
" return html`<!--_html_template_start_-->\n"
" <div>$i18n{5}</div>\n"
"<!--_html_template_end_-->`;\n"
" }\n"
" static get is() {\n"
" return 'bar-element';\n"
" }\n"
"};",
"class FooElement extends PolymerElement {\n"
" static get template() {\n"
" return html`<!--_html_template_start_-->\n"
" <div>word</div>\n"
"<!--_html_template_end_-->`;\n"
" }\n"
" static get is() {\n"
" return 'foo-element';\n"
" }\n"
"};\n"
"class BarElement extends PolymerElement {\n"
" static get template() {\n"
" return html`<!--_html_template_start_-->\n"
" <div>number</div>\n"
"<!--_html_template_end_-->`;\n"
" }\n"
" static get is() {\n"
" return 'bar-element';\n"
" }\n"
"};"},
// One element has no UI.
{"Polymer({\n"
" _template: null,\n"
" is: 'bar-element',\n"
"});\n"
"Polymer({\n"
" _template: html`\n"
"<!--_html_template_start_-->\n"
" <button on-click=\"onClick_\">$i18n{test}</button>\n"
"<!--_html_template_end_-->\n"
" `,\n"
" is: 'foo-element',\n"
" onClick_: function() { console.log('hello'); },\n"
"});",
"Polymer({\n"
" _template: null,\n"
" is: 'bar-element',\n"
"});\n"
"Polymer({\n"
" _template: html`\n"
"<!--_html_template_start_-->\n"
" <button on-click=\"onClick_\">word</button>\n"
"<!--_html_template_end_-->\n"
" `,\n"
" is: 'foo-element',\n"
" onClick_: function() { console.log('hello'); },\n"
"});"},
// One element only has a template (e.g. style), with class based syntax.
{"class StyleElement extends PolymerElement {\n"
" static get template() {return html`<!--_html_template_start_-->\n"
"<div></div><!--_html_template_end_-->`;}\n"
"};\n"
"class FooElement extends PolymerElement {\n"
" static get template() {\n"
" return html`<!--_html_template_start_-->\n"
" <button on-click=\"onClick_\">$i18n{test}</button>\n"
" <!--_html_template_end_-->`;\n"
" }\n"
" static get is() { return 'foo-element'; }\n"
" onClick_() { console.log('hello'); }\n"
"};",
"class StyleElement extends PolymerElement {\n"
" static get template() {return html`<!--_html_template_start_-->\n"
"<div></div><!--_html_template_end_-->`;}\n"
"};\n"
"class FooElement extends PolymerElement {\n"
" static get template() {\n"
" return html`<!--_html_template_start_-->\n"
" <button on-click=\"onClick_\">word</button>\n"
" <!--_html_template_end_-->`;\n"
" }\n"
" static get is() { return 'foo-element'; }\n"
" onClick_() { console.log('hello'); }\n"
"};"},
// 2 minified templates, both with substitutions. // 2 minified templates, both with substitutions.
{"Polymer({_template:html`<div>$i18n{test}</div>`,is:'foo-element',});\n" {"Polymer({_template:html`<!--_html_template_start_--><div>$i18n{test}"
"Polymer({_template:html`<div>$i18n{5}</div>`,is:'bar-element',});", "</div><!--_html_template_end_-->`,is:'foo-element',}); "
"Polymer({_template:html`<div>word</div>`,is:'foo-element',});\n" "Polymer({_template:html`<!--_html_template_start_--><div>$i18n{5}"
"Polymer({_template:html`<div>number</div>`,is:'bar-element',});"}}; "</div><!--_html_template_end_-->`,is:'bar-element',});",
"Polymer({_template:html`<!--_html_template_start_--><div>word</div>"
"<!--_html_template_end_-->`,is:'foo-element',}); "
"Polymer({_template:html`<!--_html_template_start_--><div>number</div>"
"<!--_html_template_end_-->`,is:'bar-element',});"},
{"class FooElement extends PolymerElement {"
"static get template(){return html`<!--_html_template_start_-->"
"<div>$i18n{test}</div><!--_html_template_end_-->`;} "
"static get is(){return 'foo-element';}};\n"
"Polymer({_template:html`<!--_html_template_start_--><div>$i18n{5}"
"</div><!--_html_template_end_-->`,is:'bar-element',});",
"class FooElement extends PolymerElement {"
"static get template(){return html`<!--_html_template_start_-->"
"<div>word</div><!--_html_template_end_-->`;} "
"static get is(){return 'foo-element';}};\n"
"Polymer({_template:html`<!--_html_template_start_--><div>number</div>"
"<!--_html_template_end_-->`,is:'bar-element',});"}};
std::string formatted; std::string formatted;
for (const TestCase test_case : kTestCases) { for (const TestCase test_case : kTestCases) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment