UNPKG

routebar

Version:

A visual component for navigating between panel cells containing user content.

420 lines (419 loc) 15.3 kB
<!doctype html> <html lang="en"> <head> <title>Code coverage report for tests/markup.spec.js</title> <meta charset="utf-8" /> <link rel="stylesheet" href="../prettify.css" /> <link rel="stylesheet" href="../base.css" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <style type='text/css'> .coverage-summary .sorter { background-image: url(../sort-arrow-sprite.png); } </style> </head> <body> <div class='wrapper'> <div class='pad1'> <h1> <a href="../index.html">all files</a> / <a href="index.html">tests/</a> markup.spec.js </h1> <div class='clearfix'> <div class='fl pad1y space-right2'> <span class="strong">100% </span> <span class="quiet">Statements</span> <span class='fraction'>61/61</span> </div> <div class='fl pad1y space-right2'> <span class="strong">100% </span> <span class="quiet">Branches</span> <span class='fraction'>24/24</span> </div> <div class='fl pad1y space-right2'> <span class="strong">100% </span> <span class="quiet">Functions</span> <span class='fraction'>8/8</span> </div> <div class='fl pad1y space-right2'> <span class="strong">100% </span> <span class="quiet">Lines</span> <span class='fraction'>49/49</span> </div> </div> </div> <div class='status-line high'></div> <pre><table class="coverage"> <tr><td class="line-count quiet">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119</td><td class="line-coverage quiet"><span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">13×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">13×</span> <span class="cline-any cline-yes">13×</span> <span class="cline-any cline-yes">13×</span> <span class="cline-any cline-yes">13×</span> <span class="cline-any cline-yes">13×</span> <span class="cline-any cline-yes">13×</span> <span class="cline-any cline-yes">13×</span> <span class="cline-any cline-yes">13×</span> <span class="cline-any cline-yes">13×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">13×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">12×</span> <span class="cline-any cline-yes">12×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">define(['./core-test', '../js/main'], function(core, rb) { 'use strict'; &nbsp; var initMarkupNice = '' + '&lt;div class="rb__side rb__center" data-id="screen_1" style="left: 0%; top: 0%;"&gt;&lt;div class="mainMarkup"&gt;mainMarkup&lt;/div&gt;&lt;/div&gt;' + '&lt;div tabindex="-1" class="rb__fake-element"&gt;' + '&lt;/div&gt;'; var initMarkupNice1_1 = '' + '&lt;div class="rb__side rb__center" data-id="screen_1" style="left: 0%; top: 0%;"&gt;&lt;div class="mainMarkup"&gt;mainMarkup&lt;/div&gt;&lt;/div&gt;' + '&lt;div tabindex="-1" class="rb__fake-element"&gt;' + '&lt;/div&gt;'; var initMarkupNice2_1 = '' + '&lt;div class="rb__side rb__hidden" data-id="screen_2"&gt;&lt;div class="firstMarkup"&gt;firstMarkup&lt;/div&gt;&lt;/div&gt;' + '&lt;div class="rb__side rb__center" data-id="screen_1" style="left: 0%; top: 0%;"&gt;&lt;div class="mainMarkup"&gt;mainMarkup&lt;/div&gt;&lt;/div&gt;' + '&lt;div tabindex="-1" class="rb__fake-element"&gt;&lt;/div&gt;'; var initMarkupNice2_2 = '' + '&lt;div class="rb__side rb__hidden" data-id="screen_3"&gt;&lt;div class="secondMarkup"&gt;secondMarkup&lt;/div&gt;&lt;/div&gt;' + '&lt;div class="rb__side rb__hidden" data-id="screen_4"&gt;&lt;div class="thirdMarkup"&gt;thirdMarkup&lt;/div&gt;&lt;/div&gt;' + '&lt;div class="rb__side rb__center" data-id="screen_2" style="left: 0%; top: 0%;"&gt;&lt;div class="firstMarkup"&gt;firstMarkup&lt;/div&gt;&lt;/div&gt;' + '&lt;div class="rb__side rb__hidden" data-id="screen_1" style="left: -100%; top: 0%;"&gt;&lt;div class="mainMarkup"&gt;mainMarkup&lt;/div&gt;&lt;/div&gt;' + '&lt;div tabindex="-1" class="rb__fake-element"&gt;&lt;/div&gt;'; //todo какого черта появилось style="left: ; top: ; а в initMarkupNice2_1 нету var initMarkupNice2_3 = '' + '&lt;div class="rb__side rb__hidden" data-id="screen_2" style="left: 100%; top: 0%;"&gt;&lt;div class="firstMarkup"&gt;firstMarkup&lt;/div&gt;&lt;/div&gt;' + '&lt;div class="rb__side rb__center" data-id="screen_1" style="left: 0%; top: 0%;"&gt;&lt;div class="mainMarkup"&gt;mainMarkup&lt;/div&gt;&lt;/div&gt;' + '&lt;div tabindex="-1" class="rb__fake-element"&gt;&lt;/div&gt;'; var initMarkupNice3_1 = '' + '&lt;div class="rb__side rb__hidden" data-id="screen_3"&gt;&lt;div class="secondMarkup"&gt;secondMarkup&lt;/div&gt;&lt;/div&gt;' + '&lt;div class="rb__side rb__center" data-id="screen_2" style="left: 0%; top: 0%;"&gt;&lt;div class="firstMarkup"&gt;firstMarkup&lt;/div&gt;&lt;/div&gt;' + '&lt;div class="rb__side rb__hidden" data-id="screen_4"&gt;&lt;div class="thirdMarkup"&gt;thirdMarkup&lt;/div&gt;&lt;/div&gt;' + '&lt;div class="rb__side rb__hidden" data-id="screen_1" style="left: -100%; top: 0%;"&gt;&lt;div class="mainMarkup"&gt;mainMarkup&lt;/div&gt;&lt;/div&gt;' + '&lt;div tabindex="-1" class="rb__fake-element"&gt;&lt;/div&gt;'; var initMarkupNice3_2 = '' + '&lt;div class="rb__side rb__center" data-id="screen_4" style="left: 0%; top: 0%;"&gt;&lt;div class="thirdMarkup"&gt;thirdMarkup&lt;/div&gt;&lt;/div&gt;' + '&lt;div class="rb__side rb__hidden" data-id="screen_1" style="left: 100%; top: 0%;"&gt;&lt;div class="mainMarkup"&gt;mainMarkup&lt;/div&gt;&lt;/div&gt;' + '&lt;div tabindex="-1" class="rb__fake-element"&gt;&lt;/div&gt;'; var initMarkupNice3_3 = '' + '&lt;div class="rb__side rb__hidden" data-id="screen_2"&gt;&lt;div class="firstMarkup"&gt;firstMarkup&lt;/div&gt;&lt;/div&gt;' + '&lt;div class="rb__side rb__hidden" data-id="screen_4"&gt;&lt;div class="thirdMarkup"&gt;thirdMarkup&lt;/div&gt;&lt;/div&gt;' + '&lt;div class="rb__side rb__center" data-id="screen_1" style="left: 0%; top: 0%;"&gt;&lt;div class="mainMarkup"&gt;mainMarkup&lt;/div&gt;&lt;/div&gt;' + '&lt;div tabindex="-1" class="rb__fake-element"&gt;&lt;/div&gt;'; &nbsp; &nbsp; var sides = ['left', 'top', 'right', 'bottom']; var screen_1, screen_2, screen_3, screen_4; &nbsp; var move = core.move; &nbsp; function initEach() { window.rb = rb; &nbsp; var mainMarkup = '&lt;div class="mainMarkup"&gt;mainMarkup&lt;/div&gt;'; var firstMarkup = '&lt;div class="firstMarkup"&gt;firstMarkup&lt;/div&gt;'; var secondMarkup = '&lt;div class="secondMarkup"&gt;secondMarkup&lt;/div&gt;'; var thirdMarkup = '&lt;div class="thirdMarkup"&gt;thirdMarkup&lt;/div&gt;'; screen_1 = new rb.Screen(mainMarkup); screen_2 = new rb.Screen(firstMarkup); screen_3 = new rb.Screen(secondMarkup); screen_4 = new rb.Screen(thirdMarkup); rb.Screen.setMainScreen(screen_1); &nbsp; $('body').append('&lt;div id="rb1" class="rb-wrapper"&gt;&lt;/div&gt;'); } function init() { var rb1 = rb.Instances.rb1; rb1.configure({ wrongTime1: 5, wrongTime2: 5, correctTime: 10 }); } function init2() { screen_1.pushChildren([screen_2, screen_3, screen_4]); init(); } function init3() { screen_4.pushChildren([screen_1]); init2(); } &nbsp; var t = new core.TestsWrapper('Markup'); &nbsp; t.addTest('Initial markup', undefined, core.nopDone, core.checkMarkup(initMarkupNice)); t.addTests( _.map(sides, function(side) { var check; if (side === 'left') check = core.checkMarkup(initMarkupNice1_1); if (side === 'top') check = core.checkMarkup(initMarkupNice1_1); if (side === 'right') check = core.checkMarkup(initMarkupNice1_1); if (side === 'bottom') check = core.checkMarkup(initMarkupNice1_1); return ['init1 - ' + side, init, move(side), check]; }) ); t.addTests( _.map(sides, function(side) { var check; if (side === 'left') check = core.checkMarkup(initMarkupNice2_3); if (side === 'top') check = core.checkMarkup(initMarkupNice2_1); if (side === 'right') check = core.checkMarkup(initMarkupNice2_2); if (side === 'bottom') check = core.checkMarkup(initMarkupNice2_1); &nbsp; return ['init2 - ' + side, init2, move(side), check]; }) ); t.addTests( _.map(sides, function(side) { var check; if (side === 'left') check = core.checkMarkup(initMarkupNice3_2); if (side === 'top') check = core.checkMarkup(initMarkupNice3_3); if (side === 'right') check = core.checkMarkup(initMarkupNice3_1); if (side === 'bottom') check = core.checkMarkup(initMarkupNice3_3); &nbsp; return ['init3 - ' + side, init3, move(side), check]; }) ); &nbsp; t.start(initEach); }); &nbsp;</pre></td></tr> </table></pre> <div class='push'></div><!-- for sticky footer --> </div><!-- /wrapper --> <div class='footer quiet pad2 space-top1 center small'> Code coverage generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Mon Mar 27 2017 01:49:59 GMT+0300 (MSK) </div> </div> <script src="../prettify.js"></script> <script> window.onload = function () { if (typeof prettyPrint === 'function') { prettyPrint(); } }; </script> <script src="../sorter.js"></script> </body> </html>