From 67d6c501a4cc394f14f1be7729fbc15765dad95d Mon Sep 17 00:00:00 2001
From: Marcy Sutton <holla@marcysutton.com>
Date: Tue, 24 May 2022 11:31:09 -0700
Subject: [PATCH] Set up subnav-button for Component Testing exercise

---
 components/meganav/meganav-section.js | 1 +
 components/meganav/subnav-button.js   | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/meganav/meganav-section.js b/components/meganav/meganav-section.js
index 754e20e..2d2c5d5 100644
--- a/components/meganav/meganav-section.js
+++ b/components/meganav/meganav-section.js
@@ -22,6 +22,7 @@ const MegaNavSection = React.forwardRef((props, ref) => {
             `}
         >
             <SubNavButton
+                aria-expanded={props.activeMenu === ref}
                 buttonName={props.buttonName}
                 className="megamenu-navitem header-main-item" 
                 idRef={props.id}
diff --git a/components/meganav/subnav-button.js b/components/meganav/subnav-button.js
index da100f3..672adeb 100644
--- a/components/meganav/subnav-button.js
+++ b/components/meganav/subnav-button.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 
 const SubNavButton = React.forwardRef((props, ref) => (
     <h2>
-        <div
+        <button
             className="megamenu-navitem header-main-item" 
             id={props.idRef}
             data-testid={props.idRef}
@@ -11,7 +11,7 @@ const SubNavButton = React.forwardRef((props, ref) => (
             ref={ref}
         >
             {props.buttonName}
-        </div>
+        </button>
     </h2>
 ))