ui_utils_spec.js 13 KB

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