2
0

ui_utils_spec.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315
  1. /**
  2. * @licstart The following is the entire license notice for the
  3. * Javascript code in this page
  4. *
  5. * Copyright 2017 Mozilla Foundation
  6. *
  7. * Licensed under the Apache License, Version 2.0 (the "License");
  8. * you may not use this file except in compliance with the License.
  9. * You may obtain a copy of the License at
  10. *
  11. * http://www.apache.org/licenses/LICENSE-2.0
  12. *
  13. * Unless required by applicable law or agreed to in writing, software
  14. * distributed under the License is distributed on an "AS IS" BASIS,
  15. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16. * See the License for the specific language governing permissions and
  17. * limitations under the License.
  18. *
  19. * @licend The above is the entire license notice for the
  20. * Javascript code in this page
  21. */
  22. 'use strict';
  23. var _ui_utils = require('../../web/ui_utils');
  24. var _util = require('../../shared/util');
  25. describe('ui_utils', function () {
  26. describe('binary search', function () {
  27. function isTrue(boolean) {
  28. return boolean;
  29. }
  30. function isGreater3(number) {
  31. return number > 3;
  32. }
  33. it('empty array', function () {
  34. expect((0, _ui_utils.binarySearchFirstItem)([], isTrue)).toEqual(0);
  35. });
  36. it('single boolean entry', function () {
  37. expect((0, _ui_utils.binarySearchFirstItem)([false], isTrue)).toEqual(1);
  38. expect((0, _ui_utils.binarySearchFirstItem)([true], isTrue)).toEqual(0);
  39. });
  40. it('three boolean entries', function () {
  41. expect((0, _ui_utils.binarySearchFirstItem)([true, true, true], isTrue)).toEqual(0);
  42. expect((0, _ui_utils.binarySearchFirstItem)([false, true, true], isTrue)).toEqual(1);
  43. expect((0, _ui_utils.binarySearchFirstItem)([false, false, true], isTrue)).toEqual(2);
  44. expect((0, _ui_utils.binarySearchFirstItem)([false, false, false], isTrue)).toEqual(3);
  45. });
  46. it('three numeric entries', function () {
  47. expect((0, _ui_utils.binarySearchFirstItem)([0, 1, 2], isGreater3)).toEqual(3);
  48. expect((0, _ui_utils.binarySearchFirstItem)([2, 3, 4], isGreater3)).toEqual(2);
  49. expect((0, _ui_utils.binarySearchFirstItem)([4, 5, 6], isGreater3)).toEqual(0);
  50. });
  51. });
  52. describe('getPDFFileNameFromURL', function () {
  53. it('gets PDF filename', function () {
  54. expect((0, _ui_utils.getPDFFileNameFromURL)('/pdfs/file1.pdf')).toEqual('file1.pdf');
  55. expect((0, _ui_utils.getPDFFileNameFromURL)('http://www.example.com/pdfs/file2.pdf')).toEqual('file2.pdf');
  56. });
  57. it('gets fallback filename', function () {
  58. expect((0, _ui_utils.getPDFFileNameFromURL)('/pdfs/file1.txt')).toEqual('document.pdf');
  59. expect((0, _ui_utils.getPDFFileNameFromURL)('http://www.example.com/pdfs/file2.txt')).toEqual('document.pdf');
  60. });
  61. it('gets custom fallback filename', function () {
  62. expect((0, _ui_utils.getPDFFileNameFromURL)('/pdfs/file1.txt', 'qwerty1.pdf')).toEqual('qwerty1.pdf');
  63. expect((0, _ui_utils.getPDFFileNameFromURL)('http://www.example.com/pdfs/file2.txt', 'qwerty2.pdf')).toEqual('qwerty2.pdf');
  64. expect((0, _ui_utils.getPDFFileNameFromURL)('/pdfs/file3.txt', '')).toEqual('');
  65. });
  66. it('gets PDF filename from URL containing leading/trailing whitespace', function () {
  67. expect((0, _ui_utils.getPDFFileNameFromURL)(' /pdfs/file1.pdf ')).toEqual('file1.pdf');
  68. expect((0, _ui_utils.getPDFFileNameFromURL)(' http://www.example.com/pdfs/file2.pdf ')).toEqual('file2.pdf');
  69. });
  70. it('gets PDF filename from query string', function () {
  71. expect((0, _ui_utils.getPDFFileNameFromURL)('/pdfs/pdfs.html?name=file1.pdf')).toEqual('file1.pdf');
  72. expect((0, _ui_utils.getPDFFileNameFromURL)('http://www.example.com/pdfs/pdf.html?file2.pdf')).toEqual('file2.pdf');
  73. });
  74. it('gets PDF filename from hash string', function () {
  75. expect((0, _ui_utils.getPDFFileNameFromURL)('/pdfs/pdfs.html#name=file1.pdf')).toEqual('file1.pdf');
  76. expect((0, _ui_utils.getPDFFileNameFromURL)('http://www.example.com/pdfs/pdf.html#file2.pdf')).toEqual('file2.pdf');
  77. });
  78. it('gets correct PDF filename when multiple ones are present', function () {
  79. expect((0, _ui_utils.getPDFFileNameFromURL)('/pdfs/file1.pdf?name=file.pdf')).toEqual('file1.pdf');
  80. expect((0, _ui_utils.getPDFFileNameFromURL)('http://www.example.com/pdfs/file2.pdf#file.pdf')).toEqual('file2.pdf');
  81. });
  82. it('gets PDF filename from URI-encoded data', function () {
  83. var encodedUrl = encodeURIComponent('http://www.example.com/pdfs/file1.pdf');
  84. expect((0, _ui_utils.getPDFFileNameFromURL)(encodedUrl)).toEqual('file1.pdf');
  85. var encodedUrlWithQuery = encodeURIComponent('http://www.example.com/pdfs/file.txt?file2.pdf');
  86. expect((0, _ui_utils.getPDFFileNameFromURL)(encodedUrlWithQuery)).toEqual('file2.pdf');
  87. });
  88. it('gets PDF filename from data mistaken for URI-encoded', function () {
  89. expect((0, _ui_utils.getPDFFileNameFromURL)('/pdfs/%AA.pdf')).toEqual('%AA.pdf');
  90. expect((0, _ui_utils.getPDFFileNameFromURL)('/pdfs/%2F.pdf')).toEqual('%2F.pdf');
  91. });
  92. it('gets PDF filename from (some) standard protocols', function () {
  93. expect((0, _ui_utils.getPDFFileNameFromURL)('http://www.example.com/file1.pdf')).toEqual('file1.pdf');
  94. expect((0, _ui_utils.getPDFFileNameFromURL)('https://www.example.com/file2.pdf')).toEqual('file2.pdf');
  95. expect((0, _ui_utils.getPDFFileNameFromURL)('file:///path/to/files/file3.pdf')).toEqual('file3.pdf');
  96. expect((0, _ui_utils.getPDFFileNameFromURL)('ftp://www.example.com/file4.pdf')).toEqual('file4.pdf');
  97. });
  98. it('gets PDF filename from query string appended to "blob:" URL', function () {
  99. if ((0, _util.isNodeJS)()) {
  100. pending('Blob in not supported in Node.js.');
  101. }
  102. var typedArray = new Uint8Array([1, 2, 3, 4, 5]);
  103. var blobUrl = (0, _util.createObjectURL)(typedArray, 'application/pdf');
  104. expect(blobUrl.indexOf('blob:') === 0).toEqual(true);
  105. expect((0, _ui_utils.getPDFFileNameFromURL)(blobUrl + '?file.pdf')).toEqual('file.pdf');
  106. });
  107. it('gets fallback filename from query string appended to "data:" URL', function () {
  108. var typedArray = new Uint8Array([1, 2, 3, 4, 5]);
  109. var dataUrl = (0, _util.createObjectURL)(typedArray, 'application/pdf', true);
  110. expect(dataUrl.indexOf('data:') === 0).toEqual(true);
  111. expect((0, _ui_utils.getPDFFileNameFromURL)(dataUrl + '?file1.pdf')).toEqual('document.pdf');
  112. expect((0, _ui_utils.getPDFFileNameFromURL)(' ' + dataUrl + '?file2.pdf')).toEqual('document.pdf');
  113. });
  114. });
  115. describe('EventBus', function () {
  116. it('dispatch event', function () {
  117. var eventBus = new _ui_utils.EventBus();
  118. var count = 0;
  119. eventBus.on('test', function () {
  120. count++;
  121. });
  122. eventBus.dispatch('test');
  123. expect(count).toEqual(1);
  124. });
  125. it('dispatch different event', function () {
  126. var eventBus = new _ui_utils.EventBus();
  127. var count = 0;
  128. eventBus.on('test', function () {
  129. count++;
  130. });
  131. eventBus.dispatch('nottest');
  132. expect(count).toEqual(0);
  133. });
  134. it('dispatch event multiple times', function () {
  135. var eventBus = new _ui_utils.EventBus();
  136. var count = 0;
  137. eventBus.dispatch('test');
  138. eventBus.on('test', function () {
  139. count++;
  140. });
  141. eventBus.dispatch('test');
  142. eventBus.dispatch('test');
  143. expect(count).toEqual(2);
  144. });
  145. it('dispatch event to multiple handlers', function () {
  146. var eventBus = new _ui_utils.EventBus();
  147. var count = 0;
  148. eventBus.on('test', function () {
  149. count++;
  150. });
  151. eventBus.on('test', function () {
  152. count++;
  153. });
  154. eventBus.dispatch('test');
  155. expect(count).toEqual(2);
  156. });
  157. it('dispatch to detached', function () {
  158. var eventBus = new _ui_utils.EventBus();
  159. var count = 0;
  160. var listener = function listener() {
  161. count++;
  162. };
  163. eventBus.on('test', listener);
  164. eventBus.dispatch('test');
  165. eventBus.off('test', listener);
  166. eventBus.dispatch('test');
  167. expect(count).toEqual(1);
  168. });
  169. it('dispatch to wrong detached', function () {
  170. var eventBus = new _ui_utils.EventBus();
  171. var count = 0;
  172. eventBus.on('test', function () {
  173. count++;
  174. });
  175. eventBus.dispatch('test');
  176. eventBus.off('test', function () {
  177. count++;
  178. });
  179. eventBus.dispatch('test');
  180. expect(count).toEqual(2);
  181. });
  182. it('dispatch to detached during handling', function () {
  183. var eventBus = new _ui_utils.EventBus();
  184. var count = 0;
  185. var listener1 = function listener1() {
  186. eventBus.off('test', listener2);
  187. count++;
  188. };
  189. var listener2 = function listener2() {
  190. eventBus.off('test', listener1);
  191. count++;
  192. };
  193. eventBus.on('test', listener1);
  194. eventBus.on('test', listener2);
  195. eventBus.dispatch('test');
  196. eventBus.dispatch('test');
  197. expect(count).toEqual(2);
  198. });
  199. });
  200. describe('isValidRotation', function () {
  201. it('should reject non-integer angles', function () {
  202. expect((0, _ui_utils.isValidRotation)()).toEqual(false);
  203. expect((0, _ui_utils.isValidRotation)(null)).toEqual(false);
  204. expect((0, _ui_utils.isValidRotation)(NaN)).toEqual(false);
  205. expect((0, _ui_utils.isValidRotation)([90])).toEqual(false);
  206. expect((0, _ui_utils.isValidRotation)('90')).toEqual(false);
  207. expect((0, _ui_utils.isValidRotation)(90.5)).toEqual(false);
  208. });
  209. it('should reject non-multiple of 90 degree angles', function () {
  210. expect((0, _ui_utils.isValidRotation)(45)).toEqual(false);
  211. expect((0, _ui_utils.isValidRotation)(-123)).toEqual(false);
  212. });
  213. it('should accept valid angles', function () {
  214. expect((0, _ui_utils.isValidRotation)(0)).toEqual(true);
  215. expect((0, _ui_utils.isValidRotation)(90)).toEqual(true);
  216. expect((0, _ui_utils.isValidRotation)(-270)).toEqual(true);
  217. expect((0, _ui_utils.isValidRotation)(540)).toEqual(true);
  218. });
  219. });
  220. describe('waitOnEventOrTimeout', function () {
  221. var eventBus = void 0;
  222. beforeAll(function (done) {
  223. eventBus = new _ui_utils.EventBus();
  224. done();
  225. });
  226. afterAll(function () {
  227. eventBus = null;
  228. });
  229. it('should reject invalid parameters', function (done) {
  230. var invalidTarget = (0, _ui_utils.waitOnEventOrTimeout)({
  231. target: 'window',
  232. name: 'DOMContentLoaded'
  233. }).then(function () {
  234. throw new Error('Should reject invalid parameters.');
  235. }, function (reason) {
  236. expect(reason instanceof Error).toEqual(true);
  237. });
  238. var invalidName = (0, _ui_utils.waitOnEventOrTimeout)({
  239. target: eventBus,
  240. name: ''
  241. }).then(function () {
  242. throw new Error('Should reject invalid parameters.');
  243. }, function (reason) {
  244. expect(reason instanceof Error).toEqual(true);
  245. });
  246. var invalidDelay = (0, _ui_utils.waitOnEventOrTimeout)({
  247. target: eventBus,
  248. name: 'pagerendered',
  249. delay: -1000
  250. }).then(function () {
  251. throw new Error('Should reject invalid parameters.');
  252. }, function (reason) {
  253. expect(reason instanceof Error).toEqual(true);
  254. });
  255. Promise.all([invalidTarget, invalidName, invalidDelay]).then(done, done.fail);
  256. });
  257. it('should resolve on event, using the DOM', function (done) {
  258. if ((0, _util.isNodeJS)()) {
  259. pending('Document in not supported in Node.js.');
  260. }
  261. var button = document.createElement('button');
  262. var buttonClicked = (0, _ui_utils.waitOnEventOrTimeout)({
  263. target: button,
  264. name: 'click',
  265. delay: 10000
  266. });
  267. button.click();
  268. buttonClicked.then(function (type) {
  269. expect(type).toEqual(_ui_utils.WaitOnType.EVENT);
  270. done();
  271. }, done.fail);
  272. });
  273. it('should resolve on timeout, using the DOM', function (done) {
  274. if ((0, _util.isNodeJS)()) {
  275. pending('Document in not supported in Node.js.');
  276. }
  277. var button = document.createElement('button');
  278. var buttonClicked = (0, _ui_utils.waitOnEventOrTimeout)({
  279. target: button,
  280. name: 'click',
  281. delay: 10
  282. });
  283. buttonClicked.then(function (type) {
  284. expect(type).toEqual(_ui_utils.WaitOnType.TIMEOUT);
  285. done();
  286. }, done.fail);
  287. });
  288. it('should resolve on event, using the EventBus', function (done) {
  289. var pageRendered = (0, _ui_utils.waitOnEventOrTimeout)({
  290. target: eventBus,
  291. name: 'pagerendered',
  292. delay: 10000
  293. });
  294. eventBus.dispatch('pagerendered');
  295. pageRendered.then(function (type) {
  296. expect(type).toEqual(_ui_utils.WaitOnType.EVENT);
  297. done();
  298. }, done.fail);
  299. });
  300. it('should resolve on timeout, using the EventBus', function (done) {
  301. var pageRendered = (0, _ui_utils.waitOnEventOrTimeout)({
  302. target: eventBus,
  303. name: 'pagerendered',
  304. delay: 10
  305. });
  306. pageRendered.then(function (type) {
  307. expect(type).toEqual(_ui_utils.WaitOnType.TIMEOUT);
  308. done();
  309. }, done.fail);
  310. });
  311. });
  312. });