2
0

ui_utils_spec.js 13 KB

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