OLD | NEW |
1 // Copyright 2014 The Chromium Authors. All rights reserved. | 1 // Copyright 2014 The Chromium Authors. All rights reserved. |
2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
4 | 4 |
5 (function() { | 5 (function() { |
6 | 6 |
7 'use strict'; | 7 'use strict'; |
8 | 8 |
9 module('l10n', { | 9 QUnit.module('l10n', { |
10 setup: function() { | 10 beforeEach: function() { |
11 sinon.stub(chrome.i18n, 'getMessage'); | 11 sinon.stub(chrome.i18n, 'getMessage'); |
12 }, | 12 }, |
13 teardown: function() { | 13 afterEach: function() { |
14 $testStub(chrome.i18n.getMessage).restore(); | 14 $testStub(chrome.i18n.getMessage).restore(); |
15 } | 15 } |
16 }); | 16 }); |
17 | 17 |
18 test('getTranslationOrError(tag) should return tag on error', function() { | 18 QUnit.test('getTranslationOrError(tag) should return tag on error', function() { |
19 var translation = l10n.getTranslationOrError('non_existent_tag'); | 19 var translation = l10n.getTranslationOrError('non_existent_tag'); |
20 equal(translation, 'non_existent_tag'); | 20 QUnit.equal(translation, 'non_existent_tag'); |
21 }); | 21 }); |
22 | 22 |
23 test('localizeElementFromTag() should replace innerText by default', | 23 QUnit.test('localizeElementFromTag() should replace innerText by default', |
24 function() { | 24 function() { |
25 var element = document.createElement('div'); | 25 var element = document.createElement('div'); |
26 $testStub(chrome.i18n.getMessage).withArgs('tag') | 26 $testStub(chrome.i18n.getMessage).withArgs('tag') |
27 .returns('<b>Hello World</b>'); | 27 .returns('<b>Hello World</b>'); |
28 | 28 |
29 l10n.localizeElementFromTag(element, 'tag'); | 29 l10n.localizeElementFromTag(element, 'tag'); |
30 | 30 |
31 equal(element.innerHTML, '<b>Hello World</b>'); | 31 QUnit.equal(element.innerHTML, '<b>Hello World</b>'); |
32 }); | 32 }); |
33 | 33 |
34 test('localizeElementFromTag() should replace innerHTML if flag is set', | 34 QUnit.test('localizeElementFromTag() should replace innerHTML if flag is set', |
35 function() { | 35 function() { |
36 var element = document.createElement('div'); | 36 var element = document.createElement('div'); |
37 $testStub(chrome.i18n.getMessage).withArgs('tag') | 37 $testStub(chrome.i18n.getMessage).withArgs('tag') |
38 .returns('<b>Hello World</b>'); | 38 .returns('<b>Hello World</b>'); |
39 | 39 |
40 l10n.localizeElementFromTag(element, 'tag', null, true); | 40 l10n.localizeElementFromTag(element, 'tag', null, true); |
41 | 41 |
42 equal(element.innerHTML, '<b>Hello World</b>'); | 42 QUnit.equal(element.innerHTML, '<b>Hello World</b>'); |
43 }); | 43 }); |
44 | 44 |
45 test( | 45 QUnit.test( |
46 'localizeElement() should replace innerText using the "i18n-content" ' + | 46 'localizeElement() should replace innerText using the "i18n-content" ' + |
47 'attribute as the tag', | 47 'attribute as the tag', |
48 function() { | 48 function() { |
49 var element = document.createElement('div'); | 49 var element = document.createElement('div'); |
50 element.setAttribute('i18n-content', 'tag'); | 50 element.setAttribute('i18n-content', 'tag'); |
51 $testStub(chrome.i18n.getMessage).withArgs('tag') | 51 $testStub(chrome.i18n.getMessage).withArgs('tag') |
52 .returns('<b>Hello World</b>'); | 52 .returns('<b>Hello World</b>'); |
53 | 53 |
54 l10n.localizeElement(element); | 54 l10n.localizeElement(element); |
55 | 55 |
56 equal(element.innerHTML, '<b>Hello World</b>'); | 56 QUnit.equal(element.innerHTML, '<b>Hello World</b>'); |
57 }); | 57 }); |
58 | 58 |
59 test( | 59 QUnit.test( |
60 'localize() should replace element title using the "i18n-title" ' + | 60 'localize() should replace element title using the "i18n-title" ' + |
61 'attribute as the tag', | 61 'attribute as the tag', |
62 function() { | 62 function() { |
63 var fixture = document.getElementById('qunit-fixture'); | 63 var fixture = document.getElementById('qunit-fixture'); |
64 fixture.innerHTML = '<div class="target" i18n-title="tag"></div>'; | 64 fixture.innerHTML = '<div class="target" i18n-title="tag"></div>'; |
65 $testStub(chrome.i18n.getMessage) | 65 $testStub(chrome.i18n.getMessage) |
66 .withArgs('tag') | 66 .withArgs('tag') |
67 .returns('localized title'); | 67 .returns('localized title'); |
68 | 68 |
69 l10n.localize(); | 69 l10n.localize(); |
70 | 70 |
71 var target = document.querySelector('.target'); | 71 var target = document.querySelector('.target'); |
72 equal(target.title, 'localized title'); | 72 QUnit.equal(target.title, 'localized title'); |
73 }); | 73 }); |
74 | 74 |
75 test('localize() should support string substitutions', function() { | 75 QUnit.test('localize() should support string substitutions', function() { |
76 var fixture = document.getElementById('qunit-fixture'); | 76 var fixture = document.getElementById('qunit-fixture'); |
77 fixture.innerHTML = | 77 fixture.innerHTML = |
78 '<div class="target" ' + | 78 '<div class="target" ' + |
79 'i18n-content="tag" ' + | 79 'i18n-content="tag" ' + |
80 'i18n-value-1="param1" ' + | 80 'i18n-value-1="param1" ' + |
81 'i18n-value-2="param2">' + | 81 'i18n-value-2="param2">' + |
82 '</div>'; | 82 '</div>'; |
83 | 83 |
84 $testStub(chrome.i18n.getMessage).withArgs('tag', ['param1', 'param2']) | 84 $testStub(chrome.i18n.getMessage).withArgs('tag', ['param1', 'param2']) |
85 .returns('localized'); | 85 .returns('localized'); |
86 | 86 |
87 l10n.localize(); | 87 l10n.localize(); |
88 | 88 |
89 var target = document.querySelector('.target'); | 89 var target = document.querySelector('.target'); |
90 equal(target.innerText, 'localized'); | 90 QUnit.equal(target.innerText, 'localized'); |
91 }); | 91 }); |
92 | 92 |
93 test('localize() should support tag substitutions', function() { | 93 QUnit.test('localize() should support tag substitutions', function() { |
94 var fixture = document.getElementById('qunit-fixture'); | 94 var fixture = document.getElementById('qunit-fixture'); |
95 fixture.innerHTML = | 95 fixture.innerHTML = |
96 '<div class="target" i18n-content="tag"' + | 96 '<div class="target" i18n-content="tag"' + |
97 ' i18n-value-name-1="tag1" i18n-value-name-2="tag2"></div>'; | 97 ' i18n-value-name-1="tag1" i18n-value-name-2="tag2"></div>'; |
98 | 98 |
99 $testStub(chrome.i18n.getMessage).withArgs('tag1').returns('param1'); | 99 $testStub(chrome.i18n.getMessage).withArgs('tag1').returns('param1'); |
100 $testStub(chrome.i18n.getMessage).withArgs('tag2').returns('param2'); | 100 $testStub(chrome.i18n.getMessage).withArgs('tag2').returns('param2'); |
101 $testStub(chrome.i18n.getMessage) | 101 $testStub(chrome.i18n.getMessage) |
102 .withArgs('tag', ['param1', 'param2']) | 102 .withArgs('tag', ['param1', 'param2']) |
103 .returns('localized'); | 103 .returns('localized'); |
104 | 104 |
105 l10n.localize(); | 105 l10n.localize(); |
106 | 106 |
107 var target = document.querySelector('.target'); | 107 var target = document.querySelector('.target'); |
108 equal(target.innerText, 'localized'); | 108 QUnit.equal(target.innerText, 'localized'); |
109 }); | 109 }); |
110 | 110 |
111 })(); | 111 })(); |
OLD | NEW |