qpp-style 9.8.2 → 9.8.6

package/coverage/lcov-report/react/components/Header/HeaderMenuItem.jsx.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">53.33% </span>
+                <span class="strong">56.1% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>16/30</span>
+                <span class='fraction'>23/41</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">33.33% </span>
+                <span class="strong">26.67% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>8/24</span>
+                <span class='fraction'>8/30</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">25% </span>
+                <span class="strong">33.33% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>2/8</span>
+                <span class='fraction'>4/12</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">53.33% </span>
+                <span class="strong">55% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>16/30</span>
+                <span class='fraction'>22/40</span>
             </div>
         
             
@@ -240,7 +240,47 @@
 <a name='L181'></a><a href='#L181'>181</a>
 <a name='L182'></a><a href='#L182'>182</a>
 <a name='L183'></a><a href='#L183'>183</a>
-<a name='L184'></a><a href='#L184'>184</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L184'></a><a href='#L184'>184</a>
+<a name='L185'></a><a href='#L185'>185</a>
+<a name='L186'></a><a href='#L186'>186</a>
+<a name='L187'></a><a href='#L187'>187</a>
+<a name='L188'></a><a href='#L188'>188</a>
+<a name='L189'></a><a href='#L189'>189</a>
+<a name='L190'></a><a href='#L190'>190</a>
+<a name='L191'></a><a href='#L191'>191</a>
+<a name='L192'></a><a href='#L192'>192</a>
+<a name='L193'></a><a href='#L193'>193</a>
+<a name='L194'></a><a href='#L194'>194</a>
+<a name='L195'></a><a href='#L195'>195</a>
+<a name='L196'></a><a href='#L196'>196</a>
+<a name='L197'></a><a href='#L197'>197</a>
+<a name='L198'></a><a href='#L198'>198</a>
+<a name='L199'></a><a href='#L199'>199</a>
+<a name='L200'></a><a href='#L200'>200</a>
+<a name='L201'></a><a href='#L201'>201</a>
+<a name='L202'></a><a href='#L202'>202</a>
+<a name='L203'></a><a href='#L203'>203</a>
+<a name='L204'></a><a href='#L204'>204</a>
+<a name='L205'></a><a href='#L205'>205</a>
+<a name='L206'></a><a href='#L206'>206</a>
+<a name='L207'></a><a href='#L207'>207</a>
+<a name='L208'></a><a href='#L208'>208</a>
+<a name='L209'></a><a href='#L209'>209</a>
+<a name='L210'></a><a href='#L210'>210</a>
+<a name='L211'></a><a href='#L211'>211</a>
+<a name='L212'></a><a href='#L212'>212</a>
+<a name='L213'></a><a href='#L213'>213</a>
+<a name='L214'></a><a href='#L214'>214</a>
+<a name='L215'></a><a href='#L215'>215</a>
+<a name='L216'></a><a href='#L216'>216</a>
+<a name='L217'></a><a href='#L217'>217</a>
+<a name='L218'></a><a href='#L218'>218</a>
+<a name='L219'></a><a href='#L219'>219</a>
+<a name='L220'></a><a href='#L220'>220</a>
+<a name='L221'></a><a href='#L221'>221</a>
+<a name='L222'></a><a href='#L222'>222</a>
+<a name='L223'></a><a href='#L223'>223</a>
+<a name='L224'></a><a href='#L224'>224</a></td><td class="line-coverage quiet"><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>
@@ -265,12 +305,31 @@
 <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-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">2x</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-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">4x</span>
@@ -286,6 +345,25 @@
 <span class="cline-any cline-no">&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">4x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-no">&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-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -299,9 +377,9 @@
 <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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&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>
@@ -319,13 +397,12 @@
 <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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&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-no">&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>
@@ -361,6 +438,7 @@
 <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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -407,6 +485,7 @@
 <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">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -415,6 +494,7 @@
 <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">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -423,7 +503,7 @@
 <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></td><td class="text"><pre class="prettyprint lang-js">import React, { useRef, useEffect, useState } from 'react';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { Fragment, useRef, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 &nbsp;
 import { useWindowWidth, useHeaderState } from './hooks';
@@ -440,7 +520,24 @@ const menuSizes = {
   4: 1200,
 };
 &nbsp;
+const excludedClickOutClasses = [
+  'menu-dropdown-toggle',
+  'nav-link',
+  'nav-link-li',
+  'dropdown-description',
+  'dropdown-title',
+  'dropdown-title-chevron-container',
+  'signout-button',
+  'submenu-section',
+  'accordion',
+  'accordion-title',
+  'accordion-left-title',
+  'header-menu-btn',
+  'btn-navigation-icon',
+];
+&nbsp;
 const HeaderMenuItem = ({
+  handleClick,
   columns,
   menuName,
   rows,
@@ -452,8 +549,10 @@ const HeaderMenuItem = ({
   const [openMobileSubMenu, setOpenMobileSubMenu] = useState('');
 &nbsp;
   const windowWidth = useWindowWidth();
-  const menuToggle = useRef(null);
-  const { RouterLink, handleToggleMenu, currentOpenMenu } = useHeaderState();
+  const menuButtonRef = useRef(null);
+  const menuRef = useRef(null);
+  const { RouterLink, handleToggleMenu, currentOpenMenu, closeMenus } =
+    useHeaderState();
   const numColumns = (columns || <span class="branch-1 cbranch-no" title="branch not covered" >[])</span>.length;
 &nbsp;
   const menuIdentifier = menuName || name;
@@ -465,20 +564,41 @@ const HeaderMenuItem = ({
       const shouldSetFullWidth =
 <span class="cstat-no" title="statement not covered" >        isMobile ||</span>
         menuSizes[numColumns] &gt;
-          menuToggle.current.getBoundingClientRect().right;
+          menuButtonRef.current.getBoundingClientRect().right;
 <span class="cstat-no" title="statement not covered" >      setSubMenuFullWidth(shouldSetFullWidth);</span>
     }
   }, [windowWidth, isOpen]);
+&nbsp;
+  useEffect(() =&gt; {
+    const listener = <span class="fstat-no" title="function not covered" >(e</span>vent) =&gt; {
+<span class="cstat-no" title="statement not covered" >      if (</span>
+        !menuRef ||
+        !menuRef.current ||
+        menuRef.current.contains(event.target) ||
+        excludedClickOutClasses.some(<span class="fstat-no" title="function not covered" >(c</span>lassName) =&gt;
+<span class="cstat-no" title="statement not covered" >          event?.target?.classList.contains(className)</span>
+        )
+      ) {
+<span class="cstat-no" title="statement not covered" >        return;</span>
+      }
+<span class="cstat-no" title="statement not covered" >      closeMenus();</span>
+    };
+    document.addEventListener('mousedown', listener);
+    return () =&gt; document.removeEventListener('mousedown', listener);
+  }, [menuRef]);
+&nbsp;
   return (
     &lt;li
       key={`header-item-${menuIdentifier}`}
       className={`header-item-${menuIdentifier}${
         isSubMenuFullWidth ? <span class="branch-0 cbranch-no" title="branch not covered" >' full-width-menu' </span>: ''
       }${className ? <span class="branch-0 cbranch-no" title="branch not covered" >` ${className}` </span>: ''}`}
+      ref={menuRef}
     &gt;
       &lt;button
-        ref={menuToggle}
+        ref={menuButtonRef}
         className="menu-dropdown-toggle"
+        aria-label={`${name} navigation dropdown`}
         aria-expanded={isOpen}
         aria-controls={`nav-section-${menuIdentifier}`}
         data-toggle="dropdown"
@@ -487,7 +607,7 @@ const HeaderMenuItem = ({
         &lt;div className="dropdown-title-chevron-container"&gt;
           &lt;span className="dropdown-title"&gt;{name}&lt;/span&gt;
           &lt;div className="chevron-container"&gt;
-            &lt;Chevron className="accordion-icon" /&gt;
+            &lt;Chevron focusable="false" /&gt;
           &lt;/div&gt;
         &lt;/div&gt;
 &nbsp;
@@ -506,11 +626,8 @@ const HeaderMenuItem = ({
             &lt;ul key={`${menuIdentifier}-${index}`} className="nav-column"&gt;
               {columnContent.map(<span class="fstat-no" title="function not covered" >(c</span>, cIndex) =&gt; {
 <span class="cstat-no" title="statement not covered" >                return (</span>
-                  &lt;&gt;
-                    &lt;li
-                      key={`${menuIdentifier}-${index}-${cIndex}`}
-                      className="submenu-section"
-                    &gt;
+                  &lt;Fragment key={`${menuIdentifier}-${index}-${cIndex}`}&gt;
+                    &lt;li className="submenu-section"&gt;
                       {c.heading &amp;&amp; (
                         &lt;h3 className="submenu-heading"&gt;{c.heading}&lt;/h3&gt;
                       )}
@@ -526,8 +643,9 @@ const HeaderMenuItem = ({
                           const SubMenuComponent = <span class="cstat-no" title="statement not covered" >componentsByType[item.type];</span>
 <span class="cstat-no" title="statement not covered" >                          return (</span>
                             &lt;li
+                              onClick={handleClick}
                               key={`item-link-${item.name}`}
-                              className={isSubLink ? 'sublink' : ''}
+                              className={isSubLink ? 'nav-link-li sublink' : 'nav-link-li'}
                             &gt;
                               &lt;SubMenuComponent
                                 href={item.href}
@@ -564,6 +682,7 @@ const HeaderMenuItem = ({
 <span class="cstat-no" title="statement not covered" >                                componentsByType[item.type];</span>
 <span class="cstat-no" title="statement not covered" >                              return (</span>
                                 &lt;li
+                                  onClick={handleClick}
                                   key={`item-link-${item.name}`}
                                   className={isSubLink ? 'sublink' : ''}
                                 &gt;
@@ -579,7 +698,7 @@ const HeaderMenuItem = ({
                         &lt;/Accordion&gt;
                       &lt;/li&gt;
                     )}
-                  &lt;/&gt;
+                  &lt;/Fragment&gt;
                 );
               })}
             &lt;/ul&gt;
@@ -597,6 +716,7 @@ HeaderMenuItem.propTypes = {
   name: PropTypes.string.isRequired,
   subtitle: PropTypes.string.isRequired,
   className: PropTypes.string,
+  handleClick: PropTypes.func.isRequired,
 };
 HeaderMenuItem.defaultProps = {
   menuName: '',
@@ -613,7 +733,7 @@ export default HeaderMenuItem;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Thu Mar 11 2021 11:37:48 GMT-0500 (Eastern Standard Time)
+                at Wed Sep 29 2021 12:36:46 GMT-0700 (Pacific Daylight Time)
             </div>
         </div>
         <script src="../../../prettify.js"></script>

package/coverage/lcov-report/react/components/Header/HeaderMenuLink.js.html

@@ -105,7 +105,9 @@
 <a name='L46'></a><a href='#L46'>46</a>
 <a name='L47'></a><a href='#L47'>47</a>
 <a name='L48'></a><a href='#L48'>48</a>
-<a name='L49'></a><a href='#L49'>49</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L49'></a><a href='#L49'>49</a>
+<a name='L50'></a><a href='#L50'>50</a>
+<a name='L51'></a><a href='#L51'>51</a></td><td class="line-coverage quiet"><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>
@@ -132,6 +134,7 @@
 <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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -139,6 +142,7 @@
 <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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -175,6 +179,7 @@ const HeaderMenuLink = <span class="fstat-no" title="function not covered" >({</
         data-track-category="TopNav"
         data-track-action="click"
         data-track-label={name}
+        className="nav-link"
       &gt;
         {name}
       &lt;/RouterLink&gt;
@@ -183,6 +188,7 @@ const HeaderMenuLink = <span class="fstat-no" title="function not covered" >({</
 <span class="cstat-no" title="statement not covered" >  return (</span>
     &lt;a
       href={href}
+      className="nav-link"
       data-track-category="TopNav"
       data-track-action="click"
       data-track-label={name}
@@ -208,7 +214,7 @@ export default HeaderMenuLink;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Thu Mar 11 2021 11:37:48 GMT-0500 (Eastern Standard Time)
+                at Wed Sep 29 2021 12:36:46 GMT-0700 (Pacific Daylight Time)
             </div>
         </div>
         <script src="../../../prettify.js"></script>

package/coverage/lcov-report/react/components/Header/HeaderMenuSignOutButton.js.html

@@ -23,9 +23,9 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">20% </span>
+                <span class="strong">17.65% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>3/15</span>
+                <span class='fraction'>3/17</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">23.08% </span>
+                <span class="strong">20% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>3/13</span>
+                <span class='fraction'>3/15</span>
             </div>
         
             
@@ -114,7 +114,14 @@
 <a name='L55'></a><a href='#L55'>55</a>
 <a name='L56'></a><a href='#L56'>56</a>
 <a name='L57'></a><a href='#L57'>57</a>
-<a name='L58'></a><a href='#L58'>58</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L58'></a><a href='#L58'>58</a>
+<a name='L59'></a><a href='#L59'>59</a>
+<a name='L60'></a><a href='#L60'>60</a>
+<a name='L61'></a><a href='#L61'>61</a>
+<a name='L62'></a><a href='#L62'>62</a>
+<a name='L63'></a><a href='#L63'>63</a></td><td class="line-coverage quiet"><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>
@@ -150,6 +157,8 @@
 <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-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -157,6 +166,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&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>
@@ -173,7 +183,9 @@
 <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">import React, { useState } from 'react';
 import PropTypes from 'prop-types';
+&nbsp;
 import { LogoutSession } from '../../session';
+import { setUtagLink } from './utag-helpers';
 import Modal from '../Modal/index';
 &nbsp;
 const useModal = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
@@ -192,6 +204,7 @@ const HeaderMenuSignOutButton = <span class="fstat-no" title="function not cover
     &lt;&gt;
       &lt;button
         className="signout-button"
+        aria-label="Sign out"
         onClick={openModal}
         data-track-category="TopNav"
         data-track-action="click"
@@ -208,12 +221,14 @@ const HeaderMenuSignOutButton = <span class="fstat-no" title="function not cover
           title: 'Sign me out now',
           onClick: <span class="fstat-no" title="function not covered" >()</span> =&gt; {
 <span class="cstat-no" title="statement not covered" >            showLogoutWarning();</span>
+<span class="cstat-no" title="statement not covered" >            setUtagLink('button', 'click', 'Sign me out now');</span>
           },
         }}
         secondary={{
           title: 'Keep me signed in',
           onClick: <span class="fstat-no" title="function not covered" >()</span> =&gt; {
 <span class="cstat-no" title="statement not covered" >            closeModal();</span>
+<span class="cstat-no" title="statement not covered" >            setUtagLink('button', 'click', 'Keep me signed in');</span>
           },
         }}
       &gt;
@@ -235,7 +250,7 @@ export default HeaderMenuSignOutButton;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Thu Mar 11 2021 11:37:48 GMT-0500 (Eastern Standard Time)
+                at Wed Sep 29 2021 12:36:46 GMT-0700 (Pacific Daylight Time)
             </div>
         </div>
         <script src="../../../prettify.js"></script>

package/coverage/lcov-report/react/components/Header/HeaderMobileButton.js.html

@@ -93,7 +93,8 @@
 <a name='L34'></a><a href='#L34'>34</a>
 <a name='L35'></a><a href='#L35'>35</a>
 <a name='L36'></a><a href='#L36'>36</a>
-<a name='L37'></a><a href='#L37'>37</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L37'></a><a href='#L37'>37</a>
+<a name='L38'></a><a href='#L38'>38</a></td><td class="line-coverage quiet"><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>
@@ -123,6 +124,7 @@
 <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">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -139,6 +141,7 @@ const HeaderMobileButton = ({ isMobileMenuExpanded, handleClick }) =&gt; (
     type="button"
     data-toggle="collapse"
     data-target="#nav-mobile"
+    aria-label="Navigation menu"
     aria-expanded={isMobileMenuExpanded ? <span class="branch-0 cbranch-no" title="branch not covered" >'true' </span>: 'false'}
     aria-controls="nav-mobile"
     onClick={handleClick}
@@ -172,7 +175,7 @@ export default HeaderMobileButton;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Thu Mar 11 2021 11:37:48 GMT-0500 (Eastern Standard Time)
+                at Wed Sep 29 2021 12:36:46 GMT-0700 (Pacific Daylight Time)
             </div>
         </div>
         <script src="../../../prettify.js"></script>