Skip to content

Commit

Permalink
[test] Issue #61 Add missed test cases for template-default-lang tests
Browse files Browse the repository at this point in the history
  • Loading branch information
@t2ym
t2ym committed Feb 15, 2019
1 parent d14fe2a commit 05a075d
Show file tree
Hide file tree
Showing 8 changed files with 1,588 additions and 360 deletions.
360 changes: 291 additions & 69 deletions test/lit-bundled/template-default-lang/null-template-default-lang-element.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -166,94 +166,316 @@ case 'element-binding': {
customElements.define(NullTemplateDefaultLangElement.is, NullTemplateDefaultLangElement);
}
break;
case 'base-element': {
class NullTemplateDefaultLangElement extends BaseElements.I18nElement {
case 'name-binding': {
class NullTemplateDefaultLangElement extends i18n(HTMLElement) {
static get importMeta() {
return import.meta;
}
static get template() {
return (t => {
t.setAttribute('lang', '');
return t;
})(html`
outermost text at the beginning
<div><div></div></div><!-- nested empty div -->
<span id="whitespace"> &nbsp; </span>
<h1>outermost header 1</h1>
outermost text in the middle
<span>simple text without id</span>
<span>simple text without id 2</span>
<span id="label-1">simple text with id</span>
<span id="label-2">simple text with id 2</span>
<div>
<span>simple text within div</span>
<span>simple text within div 2</span>
<div><div>great grandchild text within div</div></div>
</div>
<div>
simple text as the first element in div
<span>simple text within div</span>
simple text in the middle of div
<span>simple text within div 2</span>
<div><div>great grandchild text within div</div></div>
simple text at the last element in div
</div>
<div id="toplevel-div">
<span>simple text within div</span>
<span>simple text within div 2</span>
<div id="second-level-div">
<div id="third-level-div">great grandchild text within div</div>
<div>great grandchild text within div without id</div>
</div>
</div>
<div>
<ul>
<li>line item without id 1</li>
<li>line item without id 2</li>
<li>line item without id 3</li>
</ul>
<ul id="line-items">
<li>line item with id 1</li>
<li>line item with id 2</li>
<li>line item with id 3</li>
</ul>
</div>
<p>A paragraph with <b>parameters</b> is converted to <code>&lt;i18n-format&gt;</code>.</p>
<p id="paragraph">A paragraph with <b>id</b> is converted to <code>&lt;i18n-format&gt;</code>.</p>
outermost text at the end
`);
}
static get is() {
return 'null-template-default-lang-element';
render() {
return html([
'<!-- localizable -->',
'',
'<div><div></div></div><!-- nested empty div -->\n <span id="whitespace"> &nbsp; </span>\n <h1>',
'</h1>',
'<span>',
'</span>\n <span>',
'</span>\n <span id="label-1">',
'</span>\n <span id="label-2">',
'</span>\n <div>\n <span>',
'</span> \n <span>',
'</span> \n <div><div>',
'</div></div> \n </div>\n <div>',
'<span>',
'</span>',
'<span>',
'</span>\n <div><div>',
'</div></div>',
'</div>\n <div id="toplevel-div">\n <span>',
'</span>\n <span>',
'</span>\n <div id="second-level-div">\n <div id="third-level-div">',
'</div>\n <div>',
'</div>\n </div>\n </div>\n <div>\n <ul>\n <li>',
'</li>\n <li>',
'</li>\n <li>',
'</li>\n </ul>\n <ul id="line-items">\n <li>',
'</li>\n <li>',
'</li>\n <li>',
'</li>\n </ul>\n </div>\n <p><i18n-format lang="',
'"><span>',
'</span><b slot="1">',
'</b><code slot="2">',
'</code></i18n-format></p>\n <p id="paragraph"><i18n-format lang="',
'"><span>',
'</span><b slot="1">',
'</b><code slot="2">',
'</code></i18n-format></p>',
''
], ...bind('null-template-default-lang-element', import.meta, (_bind, text, model, effectiveLang) => [
_bind,
text['text'],
text['h1_3'],
text['text_4'],
text['span_5'],
text['span_6'],
text['label-1'],
text['label-2'],
text['div_9:span'],
text['div_9:span_1'],
text['div_9:div_2:div'],
text['div_10:text'],
text['div_10:span_1'],
text['div_10:text_2'],
text['div_10:span_3'],
text['div_10:div_4:div'],
text['div_10:text_5'],
text['toplevel-div:span'],
text['toplevel-div:span_1'],
text['third-level-div'],
text['second-level-div:div_1'],
text['div_12:ul:li'],
text['div_12:ul:li_1'],
text['div_12:ul:li_2'],
text['line-items:li'],
text['line-items:li_1'],
text['line-items:li_2'],
effectiveLang,
text['p_13']['0'],
text['p_13']['1'],
text['p_13']['2'],
effectiveLang,
text['paragraph']['0'],
text['paragraph']['1'],
text['paragraph']['2'],
text['text_15']
], {
'meta': {},
'model': {},
'text': ' outermost text at the beginning ',
'h1_3': 'outermost header 1',
'text_4': ' outermost text in the middle ',
'span_5': 'simple text without id',
'span_6': 'simple text without id 2',
'label-1': 'simple text with id',
'label-2': 'simple text with id 2',
'div_9:span': 'simple text within div',
'div_9:span_1': 'simple text within div 2',
'div_9:div_2:div': 'great grandchild text within div',
'div_10:text': ' simple text as the first element in div ',
'div_10:span_1': 'simple text within div',
'div_10:text_2': ' simple text in the middle of div ',
'div_10:span_3': 'simple text within div 2',
'div_10:div_4:div': 'great grandchild text within div',
'div_10:text_5': ' simple text at the last element in div ',
'toplevel-div:span': 'simple text within div',
'toplevel-div:span_1': 'simple text within div 2',
'third-level-div': 'great grandchild text within div',
'second-level-div:div_1': 'great grandchild text within div without id',
'div_12:ul:li': 'line item without id 1',
'div_12:ul:li_1': 'line item without id 2',
'div_12:ul:li_2': 'line item without id 3',
'line-items:li': 'line item with id 1',
'line-items:li_1': 'line item with id 2',
'line-items:li_2': 'line item with id 3',
'p_13': [
'A paragraph with {1} is converted to {2}.',
'parameters',
'<i18n-format>'
],
'paragraph': [
'A paragraph with {1} is converted to {2}.',
'id',
'<i18n-format>'
],
'text_15': ' outermost text at the end '
}));
}
ready() {
constructor() {
super();
this.templateDefaultLang = '';
this.attachShadow({ mode: 'open' });
this.addEventListener('lang-updated', this._langUpdated);
super.ready();
}
_langUpdated(e) {
if (e.composedPath()[0] === this && this.text) {
this.model = deepcopy(this.text.model);
connectedCallback() {
if (super.connectedCallback) {
super.connectedCallback();
}
this.invalidate();
}
disconnectedCallback() {
if (super.disconnectedCallback) {
super.disconnectedCallback();
}
}
_langUpdated(event) {
this.invalidate();
}
invalidate() {
if (!this.needsRender) {
this.needsRender = true;
Promise.resolve().then(() => {
this.needsRender = false;
render(this.render(), this.shadowRoot);
});
}
}
}
customElements.define(NullTemplateDefaultLangElement.is, NullTemplateDefaultLangElement);
}
break;
case 'thin': {
Define = class NullTemplateDefaultLangElement extends BaseElements.I18nElement {
case 'element-name-binding': {
class NullTemplateDefaultLangElement extends i18n(HTMLElement) {
static get importMeta() {
return import.meta;
}
ready() {
render() {
return html([
'<!-- localizable -->',
'',
'<div><div></div></div><!-- nested empty div -->\n <span id="whitespace"> &nbsp; </span>\n <h1>',
'</h1>',
'<span>',
'</span>\n <span>',
'</span>\n <span id="label-1">',
'</span>\n <span id="label-2">',
'</span>\n <div>\n <span>',
'</span> \n <span>',
'</span> \n <div><div>',
'</div></div> \n </div>\n <div>',
'<span>',
'</span>',
'<span>',
'</span>\n <div><div>',
'</div></div>',
'</div>\n <div id="toplevel-div">\n <span>',
'</span>\n <span>',
'</span>\n <div id="second-level-div">\n <div id="third-level-div">',
'</div>\n <div>',
'</div>\n </div>\n </div>\n <div>\n <ul>\n <li>',
'</li>\n <li>',
'</li>\n <li>',
'</li>\n </ul>\n <ul id="line-items">\n <li>',
'</li>\n <li>',
'</li>\n <li>',
'</li>\n </ul>\n </div>\n <p><i18n-format lang="',
'"><span>',
'</span><b slot="1">',
'</b><code slot="2">',
'</code></i18n-format></p>\n <p id="paragraph"><i18n-format lang="',
'"><span>',
'</span><b slot="1">',
'</b><code slot="2">',
'</code></i18n-format></p>',
''
], ...bind(this, 'null-template-default-lang-element', (_bind, text, model, effectiveLang) => [
_bind,
text['text'],
text['h1_3'],
text['text_4'],
text['span_5'],
text['span_6'],
text['label-1'],
text['label-2'],
text['div_9:span'],
text['div_9:span_1'],
text['div_9:div_2:div'],
text['div_10:text'],
text['div_10:span_1'],
text['div_10:text_2'],
text['div_10:span_3'],
text['div_10:div_4:div'],
text['div_10:text_5'],
text['toplevel-div:span'],
text['toplevel-div:span_1'],
text['third-level-div'],
text['second-level-div:div_1'],
text['div_12:ul:li'],
text['div_12:ul:li_1'],
text['div_12:ul:li_2'],
text['line-items:li'],
text['line-items:li_1'],
text['line-items:li_2'],
effectiveLang,
text['p_13']['0'],
text['p_13']['1'],
text['p_13']['2'],
effectiveLang,
text['paragraph']['0'],
text['paragraph']['1'],
text['paragraph']['2'],
text['text_15']
], {
'meta': {},
'model': {},
'text': ' outermost text at the beginning ',
'h1_3': 'outermost header 1',
'text_4': ' outermost text in the middle ',
'span_5': 'simple text without id',
'span_6': 'simple text without id 2',
'label-1': 'simple text with id',
'label-2': 'simple text with id 2',
'div_9:span': 'simple text within div',
'div_9:span_1': 'simple text within div 2',
'div_9:div_2:div': 'great grandchild text within div',
'div_10:text': ' simple text as the first element in div ',
'div_10:span_1': 'simple text within div',
'div_10:text_2': ' simple text in the middle of div ',
'div_10:span_3': 'simple text within div 2',
'div_10:div_4:div': 'great grandchild text within div',
'div_10:text_5': ' simple text at the last element in div ',
'toplevel-div:span': 'simple text within div',
'toplevel-div:span_1': 'simple text within div 2',
'third-level-div': 'great grandchild text within div',
'second-level-div:div_1': 'great grandchild text within div without id',
'div_12:ul:li': 'line item without id 1',
'div_12:ul:li_1': 'line item without id 2',
'div_12:ul:li_2': 'line item without id 3',
'line-items:li': 'line item with id 1',
'line-items:li_1': 'line item with id 2',
'line-items:li_2': 'line item with id 3',
'p_13': [
'A paragraph with {1} is converted to {2}.',
'parameters',
'<i18n-format>'
],
'paragraph': [
'A paragraph with {1} is converted to {2}.',
'id',
'<i18n-format>'
],
'text_15': ' outermost text at the end '
}));
}
constructor() {
super();
this.templateDefaultLang = '';
this.attachShadow({ mode: 'open' });
this.addEventListener('lang-updated', this._langUpdated);
super.ready();
}
_langUpdated(e) {
if (e.composedPath()[0] === this && this.text) {
this.model = deepcopy(this.text.model);
connectedCallback() {
if (super.connectedCallback) {
super.connectedCallback();
}
this.invalidate();
}
disconnectedCallback() {
if (super.disconnectedCallback) {
super.disconnectedCallback();
}
}
_langUpdated(event) {
this.invalidate();
}
invalidate() {
if (!this.needsRender) {
this.needsRender = true;
Promise.resolve().then(() => {
this.needsRender = false;
render(this.render(), this.shadowRoot);
});
}
}
};
}
customElements.define(NullTemplateDefaultLangElement.is, NullTemplateDefaultLangElement);
}
break;
case 'legacy': {
Expand Down
Loading

0 comments on commit 05a075d

Please sign in to comment.