ui_utils_spec.js 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381
  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('isPortraitOrientation', function () {
  224. it('should be portrait orientation', function () {
  225. expect((0, _ui_utils.isPortraitOrientation)({
  226. width: 200,
  227. height: 400
  228. })).toEqual(true);
  229. expect((0, _ui_utils.isPortraitOrientation)({
  230. width: 500,
  231. height: 500
  232. })).toEqual(true);
  233. });
  234. it('should be landscape orientation', function () {
  235. expect((0, _ui_utils.isPortraitOrientation)({
  236. width: 600,
  237. height: 300
  238. })).toEqual(false);
  239. });
  240. });
  241. describe('waitOnEventOrTimeout', function () {
  242. var eventBus = void 0;
  243. beforeAll(function (done) {
  244. eventBus = new _ui_utils.EventBus();
  245. done();
  246. });
  247. afterAll(function () {
  248. eventBus = null;
  249. });
  250. it('should reject invalid parameters', function (done) {
  251. var invalidTarget = (0, _ui_utils.waitOnEventOrTimeout)({
  252. target: 'window',
  253. name: 'DOMContentLoaded'
  254. }).then(function () {
  255. throw new Error('Should reject invalid parameters.');
  256. }, function (reason) {
  257. expect(reason instanceof Error).toEqual(true);
  258. });
  259. var invalidName = (0, _ui_utils.waitOnEventOrTimeout)({
  260. target: eventBus,
  261. name: ''
  262. }).then(function () {
  263. throw new Error('Should reject invalid parameters.');
  264. }, function (reason) {
  265. expect(reason instanceof Error).toEqual(true);
  266. });
  267. var invalidDelay = (0, _ui_utils.waitOnEventOrTimeout)({
  268. target: eventBus,
  269. name: 'pagerendered',
  270. delay: -1000
  271. }).then(function () {
  272. throw new Error('Should reject invalid parameters.');
  273. }, function (reason) {
  274. expect(reason instanceof Error).toEqual(true);
  275. });
  276. Promise.all([invalidTarget, invalidName, invalidDelay]).then(done, done.fail);
  277. });
  278. it('should resolve on event, using the DOM', function (done) {
  279. if ((0, _is_node2.default)()) {
  280. pending('Document in not supported in Node.js.');
  281. }
  282. var button = document.createElement('button');
  283. var buttonClicked = (0, _ui_utils.waitOnEventOrTimeout)({
  284. target: button,
  285. name: 'click',
  286. delay: 10000
  287. });
  288. button.click();
  289. buttonClicked.then(function (type) {
  290. expect(type).toEqual(_ui_utils.WaitOnType.EVENT);
  291. done();
  292. }, done.fail);
  293. });
  294. it('should resolve on timeout, using the DOM', function (done) {
  295. if ((0, _is_node2.default)()) {
  296. pending('Document in not supported in Node.js.');
  297. }
  298. var button = document.createElement('button');
  299. var buttonClicked = (0, _ui_utils.waitOnEventOrTimeout)({
  300. target: button,
  301. name: 'click',
  302. delay: 10
  303. });
  304. buttonClicked.then(function (type) {
  305. expect(type).toEqual(_ui_utils.WaitOnType.TIMEOUT);
  306. done();
  307. }, done.fail);
  308. });
  309. it('should resolve on event, using the EventBus', function (done) {
  310. var pageRendered = (0, _ui_utils.waitOnEventOrTimeout)({
  311. target: eventBus,
  312. name: 'pagerendered',
  313. delay: 10000
  314. });
  315. eventBus.dispatch('pagerendered');
  316. pageRendered.then(function (type) {
  317. expect(type).toEqual(_ui_utils.WaitOnType.EVENT);
  318. done();
  319. }, done.fail);
  320. });
  321. it('should resolve on timeout, using the EventBus', function (done) {
  322. var pageRendered = (0, _ui_utils.waitOnEventOrTimeout)({
  323. target: eventBus,
  324. name: 'pagerendered',
  325. delay: 10
  326. });
  327. pageRendered.then(function (type) {
  328. expect(type).toEqual(_ui_utils.WaitOnType.TIMEOUT);
  329. done();
  330. }, done.fail);
  331. });
  332. });
  333. describe('getPageSizeInches', function () {
  334. it('gets page size (in inches)', function () {
  335. var page = {
  336. view: [0, 0, 595.28, 841.89],
  337. userUnit: 1.0,
  338. rotate: 0
  339. };
  340. var _getPageSizeInches = (0, _ui_utils.getPageSizeInches)(page),
  341. width = _getPageSizeInches.width,
  342. height = _getPageSizeInches.height;
  343. expect(+width.toPrecision(3)).toEqual(8.27);
  344. expect(+height.toPrecision(4)).toEqual(11.69);
  345. });
  346. it('gets page size (in inches), for non-default /Rotate entry', function () {
  347. var pdfPage1 = {
  348. view: [0, 0, 612, 792],
  349. userUnit: 1,
  350. rotate: 0
  351. };
  352. var _getPageSizeInches2 = (0, _ui_utils.getPageSizeInches)(pdfPage1),
  353. width1 = _getPageSizeInches2.width,
  354. height1 = _getPageSizeInches2.height;
  355. expect(width1).toEqual(8.5);
  356. expect(height1).toEqual(11);
  357. var pdfPage2 = {
  358. view: [0, 0, 612, 792],
  359. userUnit: 1,
  360. rotate: 90
  361. };
  362. var _getPageSizeInches3 = (0, _ui_utils.getPageSizeInches)(pdfPage2),
  363. width2 = _getPageSizeInches3.width,
  364. height2 = _getPageSizeInches3.height;
  365. expect(width2).toEqual(11);
  366. expect(height2).toEqual(8.5);
  367. });
  368. });
  369. });