i18n-behavior
Version:
Instant and Modular I18N engine for lit-html and Polymer
90 lines (78 loc) • 2.56 kB
HTML
<!--
@license https://github.com/t2ym/i18n-behavior/blob/master/LICENSE.md
Copyright (c) 2016, Tetsuya Mori <t2y3141592@gmail.com>. All rights reserved.
-->
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<script type="module">
import '../../i18n-behavior.js';
import './preference/preference-element.js';
</script>
<script src="../../../webcomponentsjs/webcomponents-lite.min.js"></script>
<script src="../../../wct-browser-legacy/browser.js"></script>
<script src="./fake-server.js"></script>
<script src="./test-runner.js"></script>
<link rel="import" href="../../../promise-polyfill/promise-polyfill-lite.html">
<script type="module" src="../../i18n-behavior.js"></script>
<script type="module" src="./preference/preference-element.js"></script>
<style>
.test-container.running-test {
display: block;
}
.test-container:not(.running-test) {
display: none;
}
</style>
</head>
<body>
<h2 id="test-name"></h2>
<test-fixture class="test-container" id="preference-element-fixture">
<template>
<preference-element></preference-element>
</template>
</test-fixture>
<i18n-preference persist></i18n-preference>
<script type="module">
import '../../i18n-behavior.js';
import './preference/preference-element.js';
suite('I18nBehavior with ' +
(window.location.href.indexOf('?dom=Shadow') >= 0 ? 'Shadow DOM' : 'Shady DOM'),
function () {
var lang0 = '';
var lang1 = 'en';
var lang2 = 'fr';
var lang3 = 'ja';
var lang4 = 'fr-CA';
var lang5 = 'zh-Hans-CN';
var lang6 = 'ru';
var lang7 = 'zh-yue-Hans-CN';
var lang8 = 'zh-CN';
var lang9 = 'zh-TW';
var lang10 = 'zh-Hans-CN-x-Linux';
var navigatorLanguage = navigator.language || navigator.browserLanguage;
var isNavigatorLanguageEn = navigatorLanguage.match(/^en/);
var suites = [
s('preference', null, {
fixture: 'preference-element-fixture',
fixtureModel: undefined,
assign: undefined,
lang: isNavigatorLanguageEn ? lang1 : lang0,
effectiveLang: isNavigatorLanguageEn ? lang1 : lang0,
templateDefaultLang: lang1,
observeHtmlLang: true,
event: 'local-dom-ready',
text: { model: {} },
model: {},
localDOM: [
{ select: 'span#oldLang', 'lang.raw': navigatorLanguage }
],
lightDOM: undefined
})
];
suitesRunner(suites);
});
</script>
</body>
</html>