@madgex/design-system 1.28.0 → 1.30.0

package/__tests__/unit/src/components/accordion.spec.js

@@ -74,11 +74,11 @@ describe('Accordion - switchLabel', () => {
 
 describe('Accordion - setAccordion', () => {
   let element = document.createElement('div');
-  element.innerHTML = '<div class="mds-accordion__trigger"><span>this is the span</span></div>';
+  element.innerHTML = '<div class="mds-accordion__trigger"><span>this is the span</span></div><div class="mds-accordion__content">this is the content</div>';
   beforeEach(() => {});
   it('set accordion button', async () => {
     expect.assertions(1);
     accordion.setAccordion(element);
-    expect(element.textContent).toBe('this is the span');
+    expect(element.textContent).toContain('this is the span');
   });
 });

package/__tests__/unit/src/components/popover.spec.js

@@ -0,0 +1,78 @@
+import popovers from '../../../../src/components/popover/popover';
+
+// Avoid document.createRange not defined error
+if (window.document) {
+  window.document.createRange = () => ({
+      setStart: () => {},
+      setEnd: () => {},
+      commonAncestorContainer: {
+          nodeName: 'BODY',
+          ownerDocument: document,
+      },
+  });
+}
+
+document.body.innerHTML = `<button id="test" class="js-mds-popover-trigger">Trigger</button><div id="test-content" class="mds-popover"></div>`;
+  const trigger = document.getElementById('test');
+  const popover = document.getElementById('test-content');
+  const popoverActiveClass = 'mds-popover--active';
+ 
+beforeEach(() => {
+  popovers.init();
+  popover.classList.remove(popoverActiveClass);
+});
+afterEach(() => {
+  document.body.innerHTML = '';
+});
+
+
+
+describe('setAriaAttr function - Set correct aria attributes on trigger and popover', () => {
+
+  it('popover is active', async () => {
+    popover.classList.add(popoverActiveClass);
+    expect.assertions(2);
+    popovers.setAriaAttr(trigger, popover, popoverActiveClass);
+    expect(trigger.getAttribute('aria-expanded')).toBe('true');
+    expect(popover.hasAttribute('aria-hidden')).toBe(false);
+  });
+  it('popover is not active', async () => {
+    expect.assertions(2);
+    popovers.setAriaAttr(trigger, popover, popoverActiveClass);
+    expect(trigger.getAttribute('aria-expanded')).toBe('false');
+    expect(popover.getAttribute('aria-hidden')).toBe('true');
+  });
+});
+
+describe('hide function', () => {
+  const targetElement = document.createElement('p');
+  const popoverInstance = {
+    popper: popover,
+  };
+
+  it('remove active class from popover', async () => {
+    popover.classList.add(popoverActiveClass);
+    expect.assertions(1);
+    popovers.hide(trigger, popover, popoverInstance, popoverActiveClass, targetElement);
+    expect(popover.classList.contains(popoverActiveClass)).toBe(false);
+  });
+});
+
+describe('display popover when clicking on trigger', () => {
+
+  it('adds active class', async () => {
+    expect.assertions(1);
+    trigger.click();
+    expect(popover.classList.contains(popoverActiveClass)).toBe(true);
+  });
+});
+
+describe('hide active popover when clicking anywhere else on the page', () => {
+  
+  it('removes active class', async () => {
+    expect.assertions(1);
+    trigger.click();
+    document.dispatchEvent(new Event('mousedown'));
+    expect(popover.classList.contains(popoverActiveClass)).toBe(false);
+  });
+});

package/__tests__/unit/src/components/switch-state.spec.js

@@ -2,20 +2,20 @@ import switchState from '../../../../src/components/switch-state/switch-state';
 
 describe('Switch State', () => {
   let element = document.createElement('div');
-  element.innerHTML = `<button class="mds-switch-state js-mds-switch-state mds-switch-state--inactive">
-                        <span class="mds-switch-state--inactive">this is inactive</span>
-                        <span class="mds-switch-state--active">this is active</span>
+  element.innerHTML = `<button class="mds-switch-state js-mds-switch-state mds-switch-state--default">
+                        <span class="mds-switch-state--default">this is default</span>
+                        <span class="mds-switch-state--inverse">this is inverse</span>
                       </button>`;
-  it('setToActive to be true', async () => {
+  it('setToinverse to be true', async () => {
     expect.assertions(2);
-    switchState.switchToActive(element);
-    expect(element.classList.contains('mds-switch-state--active')).toBe(true);
-    expect(element.classList.contains('mds-switch-state--inactive')).toBe(false);
+    switchState.switchToinverse(element);
+    expect(element.classList.contains('mds-switch-state--inverse')).toBe(true);
+    expect(element.classList.contains('mds-switch-state--default')).toBe(false);
   });
-  it('setToInactive to be true', async () => {
+  it('setTodefault to be true', async () => {
     expect.assertions(2);
-    switchState.switchToInactive(element);
-    expect(element.classList.contains('mds-switch-state--inactive')).toBe(true);
-    expect(element.classList.contains('mds-switch-state--active')).toBe(false);
+    switchState.switchTodefault(element);
+    expect(element.classList.contains('mds-switch-state--default')).toBe(true);
+    expect(element.classList.contains('mds-switch-state--inverse')).toBe(false);
   });
 });

package/coverage/cobertura-coverage.xml

@@ -1,52 +1,52 @@
 <?xml version="1.0" ?>
 <!DOCTYPE coverage SYSTEM "http://cobertura.sourceforge.net/xml/coverage-04.dtd">
-<coverage lines-valid="194" lines-covered="54" line-rate="0.2784" branches-valid="47" branches-covered="9" branch-rate="0.19149999999999998" timestamp="1573569109115" complexity="0" version="0.1">
+<coverage lines-valid="227" lines-covered="85" line-rate="0.37439999999999996" branches-valid="58" branches-covered="18" branch-rate="0.3103" timestamp="1575028079796" complexity="0" version="0.1">
   <sources>
     <source>/var/lib/jenkins/jobs/madgex-design-system/branches/master/workspace</source>
   </sources>
   <packages>
-    <package name="components.accordion" line-rate="0.7313" branch-rate="0.6429">
+    <package name="components.accordion" line-rate="0.7429000000000001" branch-rate="0.6429">
       <classes>
-        <class name="accordion.js" filename="src/components/accordion/accordion.js" line-rate="0.7313" branch-rate="0.6429">
+        <class name="accordion.js" filename="src/components/accordion/accordion.js" line-rate="0.7429000000000001" branch-rate="0.6429">
           <methods>
             <method name="(anonymous_0)" hits="0" signature="()V">
               <lines>
-                <line number="9" hits="0"/>
+                <line number="10" hits="0"/>
               </lines>
             </method>
             <method name="(anonymous_1)" hits="0" signature="()V">
               <lines>
-                <line number="13" hits="0"/>
+                <line number="14" hits="0"/>
               </lines>
             </method>
             <method name="(anonymous_2)" hits="6" signature="()V">
               <lines>
-                <line number="22" hits="6"/>
+                <line number="23" hits="6"/>
               </lines>
             </method>
             <method name="(anonymous_3)" hits="1" signature="()V">
               <lines>
-                <line number="57" hits="1"/>
+                <line number="58" hits="1"/>
               </lines>
             </method>
             <method name="(anonymous_4)" hits="0" signature="()V">
               <lines>
-                <line number="65" hits="0"/>
+                <line number="68" hits="0"/>
               </lines>
             </method>
             <method name="(anonymous_5)" hits="2" signature="()V">
               <lines>
-                <line number="70" hits="2"/>
+                <line number="73" hits="2"/>
               </lines>
             </method>
             <method name="(anonymous_6)" hits="1" signature="()V">
               <lines>
-                <line number="82" hits="1"/>
+                <line number="85" hits="1"/>
               </lines>
             </method>
             <method name="(anonymous_7)" hits="0" signature="()V">
               <lines>
-                <line number="92" hits="0"/>
+                <line number="95" hits="0"/>
               </lines>
             </method>
           </methods>
@@ -57,67 +57,144 @@
             <line number="4" hits="1" branch="false"/>
             <line number="5" hits="1" branch="false"/>
             <line number="6" hits="1" branch="false"/>
-            <line number="8" hits="1" branch="false"/>
-            <line number="10" hits="0" branch="false"/>
+            <line number="7" hits="1" branch="false"/>
+            <line number="9" hits="1" branch="false"/>
             <line number="11" hits="0" branch="false"/>
-            <line number="13" hits="0" branch="false"/>
+            <line number="12" hits="0" branch="false"/>
             <line number="14" hits="0" branch="false"/>
-            <line number="15" hits="0" branch="true" condition-coverage="0% (0/2)"/>
-            <line number="16" hits="0" branch="false"/>
-            <line number="18" hits="0" branch="false"/>
-            <line number="23" hits="6" branch="false"/>
-            <line number="25" hits="6" branch="true" condition-coverage="100% (2/2)"/>
-            <line number="26" hits="5" branch="false"/>
+            <line number="15" hits="0" branch="false"/>
+            <line number="16" hits="0" branch="true" condition-coverage="0% (0/2)"/>
+            <line number="17" hits="0" branch="false"/>
+            <line number="19" hits="0" branch="false"/>
+            <line number="24" hits="6" branch="false"/>
+            <line number="26" hits="6" branch="true" condition-coverage="100% (2/2)"/>
             <line number="27" hits="5" branch="false"/>
-            <line number="31" hits="5" branch="true" condition-coverage="100% (4/4)"/>
-            <line number="33" hits="2" branch="false"/>
+            <line number="28" hits="5" branch="false"/>
+            <line number="32" hits="5" branch="true" condition-coverage="100% (4/4)"/>
             <line number="34" hits="2" branch="false"/>
-            <line number="36" hits="1" branch="false"/>
+            <line number="35" hits="2" branch="false"/>
             <line number="37" hits="1" branch="false"/>
             <line number="38" hits="1" branch="false"/>
             <line number="39" hits="1" branch="false"/>
-            <line number="41" hits="1" branch="false"/>
+            <line number="40" hits="1" branch="false"/>
             <line number="42" hits="1" branch="false"/>
             <line number="43" hits="1" branch="false"/>
             <line number="44" hits="1" branch="false"/>
-            <line number="46" hits="1" branch="false"/>
-            <line number="49" hits="4" branch="true" condition-coverage="100% (2/2)"/>
-            <line number="50" hits="3" branch="false"/>
-            <line number="53" hits="1" branch="false"/>
-            <line number="55" hits="1" branch="false"/>
-            <line number="58" hits="1" branch="false"/>
+            <line number="45" hits="1" branch="false"/>
+            <line number="47" hits="1" branch="false"/>
+            <line number="50" hits="4" branch="true" condition-coverage="100% (2/2)"/>
+            <line number="51" hits="3" branch="false"/>
+            <line number="54" hits="1" branch="false"/>
+            <line number="56" hits="1" branch="false"/>
             <line number="59" hits="1" branch="false"/>
             <line number="60" hits="1" branch="false"/>
             <line number="61" hits="1" branch="false"/>
             <line number="62" hits="1" branch="false"/>
             <line number="63" hits="1" branch="false"/>
+            <line number="64" hits="1" branch="false"/>
             <line number="65" hits="1" branch="false"/>
-            <line number="66" hits="0" branch="false"/>
-            <line number="67" hits="0" branch="false"/>
-            <line number="71" hits="2" branch="false"/>
-            <line number="72" hits="2" branch="false"/>
-            <line number="73" hits="2" branch="false"/>
+            <line number="66" hits="1" branch="false"/>
+            <line number="68" hits="1" branch="false"/>
+            <line number="69" hits="0" branch="false"/>
+            <line number="70" hits="0" branch="false"/>
             <line number="74" hits="2" branch="false"/>
             <line number="75" hits="2" branch="false"/>
             <line number="76" hits="2" branch="false"/>
             <line number="77" hits="2" branch="false"/>
             <line number="78" hits="2" branch="false"/>
+            <line number="79" hits="2" branch="false"/>
             <line number="80" hits="2" branch="false"/>
-            <line number="83" hits="1" branch="false"/>
-            <line number="85" hits="1" branch="true" condition-coverage="50% (1/2)"/>
+            <line number="81" hits="2" branch="false"/>
+            <line number="83" hits="2" branch="false"/>
             <line number="86" hits="1" branch="false"/>
-            <line number="87" hits="1" branch="false"/>
-            <line number="88" hits="1" branch="false"/>
+            <line number="88" hits="1" branch="true" condition-coverage="50% (1/2)"/>
+            <line number="89" hits="1" branch="false"/>
             <line number="90" hits="1" branch="false"/>
-            <line number="93" hits="0" branch="false"/>
-            <line number="94" hits="0" branch="false"/>
-            <line number="95" hits="0" branch="false"/>
-            <line number="97" hits="0" branch="true" condition-coverage="0% (0/2)"/>
+            <line number="91" hits="1" branch="false"/>
+            <line number="93" hits="1" branch="false"/>
+            <line number="96" hits="0" branch="false"/>
+            <line number="97" hits="0" branch="false"/>
             <line number="98" hits="0" branch="false"/>
-            <line number="99" hits="0" branch="false"/>
+            <line number="100" hits="0" branch="true" condition-coverage="0% (0/2)"/>
             <line number="101" hits="0" branch="false"/>
             <line number="102" hits="0" branch="false"/>
             <line number="104" hits="0" branch="false"/>
+            <line number="105" hits="0" branch="false"/>
+            <line number="107" hits="0" branch="false"/>
+          </lines>
+        </class>
+      </classes>
+    </package>
+    <package name="components.popover" line-rate="0.9655" branch-rate="0.8181999999999999">
+      <classes>
+        <class name="popover.js" filename="src/components/popover/popover.js" line-rate="0.9655" branch-rate="0.8181999999999999">
+          <methods>
+            <method name="(anonymous_0)" hits="5" signature="()V">
+              <lines>
+                <line number="8" hits="5"/>
+              </lines>
+            </method>
+            <method name="(anonymous_1)" hits="1" signature="()V">
+              <lines>
+                <line number="11" hits="1"/>
+              </lines>
+            </method>
+            <method name="(anonymous_2)" hits="2" signature="()V">
+              <lines>
+                <line number="24" hits="2"/>
+              </lines>
+            </method>
+            <method name="(anonymous_3)" hits="1" signature="()V">
+              <lines>
+                <line number="30" hits="1"/>
+              </lines>
+            </method>
+            <method name="(anonymous_4)" hits="0" signature="()V">
+              <lines>
+                <line number="33" hits="0"/>
+              </lines>
+            </method>
+            <method name="(anonymous_5)" hits="2" signature="()V">
+              <lines>
+                <line number="38" hits="2"/>
+              </lines>
+            </method>
+            <method name="(anonymous_6)" hits="6" signature="()V">
+              <lines>
+                <line number="48" hits="6"/>
+              </lines>
+            </method>
+          </methods>
+          <lines>
+            <line number="4" hits="1" branch="false"/>
+            <line number="5" hits="1" branch="false"/>
+            <line number="7" hits="1" branch="false"/>
+            <line number="9" hits="5" branch="false"/>
+            <line number="11" hits="5" branch="false"/>
+            <line number="12" hits="1" branch="false"/>
+            <line number="13" hits="1" branch="false"/>
+            <line number="14" hits="1" branch="false"/>
+            <line number="16" hits="1" branch="true" condition-coverage="50% (1/2)"/>
+            <line number="17" hits="1" branch="false"/>
+            <line number="21" hits="1" branch="false"/>
+            <line number="22" hits="1" branch="false"/>
+            <line number="24" hits="1" branch="false"/>
+            <line number="25" hits="2" branch="false"/>
+            <line number="26" hits="2" branch="false"/>
+            <line number="27" hits="2" branch="false"/>
+            <line number="28" hits="2" branch="false"/>
+            <line number="30" hits="1" branch="false"/>
+            <line number="31" hits="1" branch="false"/>
+            <line number="33" hits="1" branch="false"/>
+            <line number="34" hits="0" branch="false"/>
+            <line number="39" hits="2" branch="true" condition-coverage="50% (1/2)"/>
+            <line number="44" hits="2" branch="false"/>
+            <line number="45" hits="2" branch="false"/>
+            <line number="49" hits="6" branch="true" condition-coverage="100% (2/2)"/>
+            <line number="50" hits="3" branch="false"/>
+            <line number="51" hits="3" branch="false"/>
+            <line number="53" hits="3" branch="false"/>
+            <line number="54" hits="3" branch="false"/>
           </lines>
         </class>
       </classes>
@@ -405,14 +482,15 @@
           <methods>
             <method name="(anonymous_0)" hits="0" signature="()V">
               <lines>
-                <line number="15" hits="0"/>
+                <line number="16" hits="0"/>
               </lines>
             </method>
           </methods>
           <lines>
-            <line number="15" hits="0" branch="false"/>
             <line number="16" hits="0" branch="false"/>
             <line number="17" hits="0" branch="false"/>
+            <line number="18" hits="0" branch="false"/>
+            <line number="19" hits="0" branch="false"/>
           </lines>
         </class>
       </classes>

package/coverage/components/accordion/accordion.js.html

@@ -20,9 +20,9 @@
     </h1>
     <div class='clearfix'>
       <div class='fl pad1y space-right2'>
-        <span class="strong">73.13% </span>
+        <span class="strong">74.29% </span>
         <span class="quiet">Statements</span>
-        <span class='fraction'>49/67</span>
+        <span class='fraction'>52/70</span>
       </div>
       <div class='fl pad1y space-right2'>
         <span class="strong">64.29% </span>
@@ -35,9 +35,9 @@
         <span class='fraction'>4/8</span>
       </div>
       <div class='fl pad1y space-right2'>
-        <span class="strong">73.13% </span>
+        <span class="strong">74.29% </span>
         <span class="quiet">Lines</span>
-        <span class='fraction'>49/67</span>
+        <span class='fraction'>52/70</span>
       </div>
     </div>
     <p class="quiet">
@@ -154,7 +154,11 @@
 <a name='L106'></a><a href='#L106'>106</a>
 <a name='L107'></a><a href='#L107'>107</a>
 <a name='L108'></a><a href='#L108'>108</a>
-<a name='L109'></a><a href='#L109'>109</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L109'></a><a href='#L109'>109</a>
+<a name='L110'></a><a href='#L110'>110</a>
+<a name='L111'></a><a href='#L111'>111</a>
+<a name='L112'></a><a href='#L112'>112</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -217,6 +221,8 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -265,6 +271,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">const accordionClass = 'mds-accordion';
 const accordionTriggerClass = 'mds-accordion__trigger';
 const accordionTriggerButtonClass = 'mds-accordion__trigger-button';
+const accordionContentClass = 'mds-accordion__content';
 const accordionExpandedClass = 'mds-accordion--expanded';
 const accordionLabelInverseData = 'data-labelinverse';
 const accordionTriggerLabelClass = 'mds-accordion__trigger-label';
@@ -321,8 +328,10 @@ const accordion = {
   setAccordion: (element) =&gt; {
     const accordionId = element.id;
     const accordionTrigger = element.querySelector(`.${accordionTriggerClass}`);
+    const accordionContent = element.querySelector(`.${accordionContentClass}`);
     const accordionTriggerButton = accordion.createButton(accordionId, element);
     accordionTrigger.classList.remove('mds-display-none');
+    accordionContent.setAttribute('aria-labelledby', `accordion-trigger-${accordionId}`);
     accordionTrigger.innerHTML = '';
     accordionTrigger.appendChild(accordionTriggerButton);
 &nbsp;
@@ -376,7 +385,7 @@ export default accordion;
 </div><!-- /wrapper -->
 <div class='footer quiet pad2 space-top1 center small'>
   Code coverage
-  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Nov 12 2019 14:31:49 GMT+0000 (GMT)
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Nov 29 2019 11:47:59 GMT+0000 (GMT)
 </div>
 </div>
 <script src="../../prettify.js"></script>

package/coverage/components/accordion/index.html

@@ -20,9 +20,9 @@
     </h1>
     <div class='clearfix'>
       <div class='fl pad1y space-right2'>
-        <span class="strong">73.13% </span>
+        <span class="strong">74.29% </span>
         <span class="quiet">Statements</span>
-        <span class='fraction'>49/67</span>
+        <span class='fraction'>52/70</span>
       </div>
       <div class='fl pad1y space-right2'>
         <span class="strong">64.29% </span>
@@ -35,9 +35,9 @@
         <span class='fraction'>4/8</span>
       </div>
       <div class='fl pad1y space-right2'>
-        <span class="strong">73.13% </span>
+        <span class="strong">74.29% </span>
         <span class="quiet">Lines</span>
-        <span class='fraction'>49/67</span>
+        <span class='fraction'>52/70</span>
       </div>
     </div>
     <p class="quiet">
@@ -63,15 +63,15 @@
 </thead>
 <tbody><tr>
 	<td class="file medium" data-value="accordion.js"><a href="accordion.js.html">accordion.js</a></td>
-	<td data-value="73.13" class="pic medium"><div class="chart"><div class="cover-fill" style="width: 73%;"></div><div class="cover-empty" style="width:27%;"></div></div></td>
-	<td data-value="73.13" class="pct medium">73.13%</td>
-	<td data-value="67" class="abs medium">49/67</td>
+	<td data-value="74.29" class="pic medium"><div class="chart"><div class="cover-fill" style="width: 74%;"></div><div class="cover-empty" style="width:26%;"></div></div></td>
+	<td data-value="74.29" class="pct medium">74.29%</td>
+	<td data-value="70" class="abs medium">52/70</td>
 	<td data-value="64.29" class="pct medium">64.29%</td>
 	<td data-value="14" class="abs medium">9/14</td>
 	<td data-value="50" class="pct medium">50%</td>
 	<td data-value="8" class="abs medium">4/8</td>
-	<td data-value="73.13" class="pct medium">73.13%</td>
-	<td data-value="67" class="abs medium">49/67</td>
+	<td data-value="74.29" class="pct medium">74.29%</td>
+	<td data-value="70" class="abs medium">52/70</td>
 	</tr>
 
 </tbody>
@@ -80,7 +80,7 @@
 </div><!-- /wrapper -->
 <div class='footer quiet pad2 space-top1 center small'>
   Code coverage
-  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Nov 12 2019 14:31:49 GMT+0000 (GMT)
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Nov 29 2019 11:47:59 GMT+0000 (GMT)
 </div>
 </div>
 <script src="../../prettify.js"></script>

package/coverage/components/popover/index.html

@@ -0,0 +1,97 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Code coverage report for components/popover</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> components/popover
+    </h1>
+    <div class='clearfix'>
+      <div class='fl pad1y space-right2'>
+        <span class="strong">96.55% </span>
+        <span class="quiet">Statements</span>
+        <span class='fraction'>28/29</span>
+      </div>
+      <div class='fl pad1y space-right2'>
+        <span class="strong">81.82% </span>
+        <span class="quiet">Branches</span>
+        <span class='fraction'>9/11</span>
+      </div>
+      <div class='fl pad1y space-right2'>
+        <span class="strong">85.71% </span>
+        <span class="quiet">Functions</span>
+        <span class='fraction'>6/7</span>
+      </div>
+      <div class='fl pad1y space-right2'>
+        <span class="strong">96.55% </span>
+        <span class="quiet">Lines</span>
+        <span class='fraction'>28/29</span>
+      </div>
+    </div>
+    <p class="quiet">
+      Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
+    </p>
+  </div>
+  <div class='status-line high'></div>
+<div class="pad1">
+<table class="coverage-summary">
+<thead>
+<tr>
+   <th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
+   <th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
+   <th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
+   <th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
+   <th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
+   <th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
+   <th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
+   <th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
+   <th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
+   <th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
+</tr>
+</thead>
+<tbody><tr>
+	<td class="file high" data-value="popover.js"><a href="popover.js.html">popover.js</a></td>
+	<td data-value="96.55" class="pic high"><div class="chart"><div class="cover-fill" style="width: 96%;"></div><div class="cover-empty" style="width:4%;"></div></div></td>
+	<td data-value="96.55" class="pct high">96.55%</td>
+	<td data-value="29" class="abs high">28/29</td>
+	<td data-value="81.82" class="pct high">81.82%</td>
+	<td data-value="11" class="abs high">9/11</td>
+	<td data-value="85.71" class="pct high">85.71%</td>
+	<td data-value="7" class="abs high">6/7</td>
+	<td data-value="96.55" class="pct high">96.55%</td>
+	<td data-value="29" class="abs high">28/29</td>
+	</tr>
+
+</tbody>
+</table>
+</div><div class='push'></div><!-- for sticky footer -->
+</div><!-- /wrapper -->
+<div class='footer quiet pad2 space-top1 center small'>
+  Code coverage
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Nov 29 2019 11:47:59 GMT+0000 (GMT)
+</div>
+</div>
+<script src="../../prettify.js"></script>
+<script>
+window.onload = function () {
+        if (typeof prettyPrint === 'function') {
+            prettyPrint();
+        }
+};
+</script>
+<script src="../../sorter.js"></script>
+<script src="../../block-navigation.js"></script>
+</body>
+</html>