remove dropdown from navigation menu

- remove dropdown from gherkin tests
- update snapshots
This commit is contained in:
Vim USDS 2022-04-05 13:17:38 -07:00
commit 531978b5d5
11 changed files with 194 additions and 850 deletions

View file

@ -2,18 +2,18 @@ Feature: The About page will open from all other pages
Scenario: About page open when navigating from Methodology page Scenario: About page open when navigating from Methodology page
Given I am on the "Methodology" page Given I am on the "Methodology" page
When I click on the "About" dropdown in the navigation # When I click on the "About" dropdown in the navigation
When I click on the "About" page in the navigation When I click on the "About" page in the navigation
Then I see "About" in the title Then I see "About" in the title
Scenario: About page open when navigating from Explore the Tool page Scenario: About page open when navigating from Explore the Tool page
Given I am on the "Explore" page Given I am on the "Explore" page
When I click on the "About" dropdown in the navigation # When I click on the "About" dropdown in the navigation
When I click on the "About" page in the navigation When I click on the "About" page in the navigation
Then I see "About" in the title Then I see "About" in the title
Scenario: About page open when navigating from Contact page Scenario: About page open when navigating from Contact page
Given I am on the "Contact" page Given I am on the "Contact" page
When I click on the "About" dropdown in the navigation # When I click on the "About" dropdown in the navigation
When I click on the "About" page in the navigation When I click on the "About" page in the navigation
Then I see "About" in the title Then I see "About" in the title

View file

@ -2,18 +2,18 @@ Feature: The Methodology page will open from all other pages
Scenario: Methodology page open when navigating from About page Scenario: Methodology page open when navigating from About page
Given I am on the "About" page Given I am on the "About" page
When I click on the "Methodology" dropdown in the navigation # When I click on the "Methodology" dropdown in the navigation
When I click on the "Methodology" page in the navigation When I click on the "Methodology" page in the navigation
Then I see "Methodology" in the title Then I see "Methodology" in the title
Scenario: Methodology page open when navigating from Explore the tool page Scenario: Methodology page open when navigating from Explore the tool page
Given I am on the "Explore" page Given I am on the "Explore" page
When I click on the "Methodology" dropdown in the navigation # When I click on the "Methodology" dropdown in the navigation
When I click on the "Methodology" page in the navigation When I click on the "Methodology" page in the navigation
Then I see "Methodology" in the title Then I see "Methodology" in the title
Scenario: Methodology page open when navigating from Contact page Scenario: Methodology page open when navigating from Contact page
Given I am on the "Contact" page Given I am on the "Contact" page
When I click on the "Methodology" dropdown in the navigation # When I click on the "Methodology" dropdown in the navigation
When I click on the "Methodology" page in the navigation When I click on the "Methodology" page in the navigation
Then I see "Methodology" in the title Then I see "Methodology" in the title

View file

@ -6,8 +6,8 @@ import {
PrimaryNav, PrimaryNav,
Grid, Grid,
Alert, Alert,
NavDropDownButton, // NavDropDownButton,
Menu, // Menu,
} from '@trussworks/react-uswds'; } from '@trussworks/react-uswds';
import BetaBanner from '../BetaBanner'; import BetaBanner from '../BetaBanner';
import J40MainGridContainer from '../J40MainGridContainer'; import J40MainGridContainer from '../J40MainGridContainer';
@ -42,62 +42,63 @@ const J40Header = () => {
* index 0 = Data & Methodology dropdown * index 0 = Data & Methodology dropdown
* index 1 = About dropdown * index 1 = About dropdown
*/ */
const [isOpen, setIsOpen] = useState([false, false]); // const [isOpen, setIsOpen] = useState([false, false]);
const onToggle = (index: number): void => { // const onToggle = (index: number): void => {
setIsOpen((prevIsOpen) => { // setIsOpen((prevIsOpen) => {
const newIsOpen = [false, false]; // const newIsOpen = [false, false];
newIsOpen[index] = !prevIsOpen[index]; // newIsOpen[index] = !prevIsOpen[index];
return newIsOpen; // return newIsOpen;
}); // });
}; // };
const methPageSubNavLinks = [ // Commenting out subnav links for now
<Link // const methPageSubNavLinks = [
to={PAGES_ENDPOINTS.METHODOLOGY} // <Link
key={'methodology'} // to={PAGES_ENDPOINTS.METHODOLOGY}
activeClassName="usa-current" // key={'methodology'}
data-cy={'nav-link-methodology'}> // activeClassName="usa-current"
{intl.formatMessage(COMMON_COPY.HEADER.METHODOLOGY)} // data-cy={'nav-link-methodology'}>
</Link>, // {intl.formatMessage(COMMON_COPY.HEADER.METHODOLOGY)}
<Link // </Link>,
to={PAGES_ENDPOINTS.DOWNLOADS} // <Link
key={'downloads'} // to={PAGES_ENDPOINTS.DOWNLOADS}
activeClassName="usa-current" // key={'downloads'}
data-cy={'nav-link-downloads'}> // activeClassName="usa-current"
{intl.formatMessage(COMMON_COPY.HEADER.DOWNLOADS)} // data-cy={'nav-link-downloads'}>
</Link>, // {intl.formatMessage(COMMON_COPY.HEADER.DOWNLOADS)}
<Link // </Link>,
to={PAGES_ENDPOINTS.TSD} // <Link
key={'tsd'} // to={PAGES_ENDPOINTS.TSD}
activeClassName="usa-current" // key={'tsd'}
data-cy={'nav-link-technical-support-docs'}> // activeClassName="usa-current"
{intl.formatMessage(COMMON_COPY.HEADER.TSD)} // data-cy={'nav-link-technical-support-docs'}>
</Link>, // {intl.formatMessage(COMMON_COPY.HEADER.TSD)}
]; // </Link>,
// ];
const aboutSubNavLinks = [ // const aboutSubNavLinks = [
<Link // <Link
to={PAGES_ENDPOINTS.ABOUT} // to={PAGES_ENDPOINTS.ABOUT}
key={'about'} // key={'about'}
activeClassName="usa-current" // activeClassName="usa-current"
data-cy={'nav-link-about'}> // data-cy={'nav-link-about'}>
{intl.formatMessage(COMMON_COPY.HEADER.ABOUT)} // {intl.formatMessage(COMMON_COPY.HEADER.ABOUT)}
</Link>, // </Link>,
<Link // <Link
to={PAGES_ENDPOINTS.FAQS} // to={PAGES_ENDPOINTS.FAQS}
key={'faqs'} // key={'faqs'}
activeClassName="usa-current" // activeClassName="usa-current"
data-cy={'nav-link-faqs'}> // data-cy={'nav-link-faqs'}>
{intl.formatMessage(COMMON_COPY.HEADER.FAQs)} // {intl.formatMessage(COMMON_COPY.HEADER.FAQs)}
</Link>, // </Link>,
<Link // <Link
to={PAGES_ENDPOINTS.PUBLIC_ENG} // to={PAGES_ENDPOINTS.PUBLIC_ENG}
key={'publicEng'} // key={'publicEng'}
activeClassName="usa-current" // activeClassName="usa-current"
data-cy={'nav-link-public-engagement'}> // data-cy={'nav-link-public-engagement'}>
{intl.formatMessage(COMMON_COPY.HEADER.PUBLIC_ENG)} // {intl.formatMessage(COMMON_COPY.HEADER.PUBLIC_ENG)}
</Link>, // </Link>,
]; // ];
const navLinks = [ const navLinks = [
<Link <Link
@ -107,42 +108,57 @@ const J40Header = () => {
data-cy={'nav-link-explore-the-tool'}> data-cy={'nav-link-explore-the-tool'}>
{intl.formatMessage(COMMON_COPY.HEADER.EXPLORE)} {intl.formatMessage(COMMON_COPY.HEADER.EXPLORE)}
</Link>, </Link>,
<> <Link
<NavDropDownButton to={PAGES_ENDPOINTS.METHODOLOGY}
key="methDropDown" key={'methodology'}
label={intl.formatMessage(COMMON_COPY.HEADER.METHODOLOGY)} activeClassName="usa-current"
menuId="methMenu" data-cy={'nav-link-methodology'}>
isOpen={isOpen[0]} {intl.formatMessage(COMMON_COPY.HEADER.METHODOLOGY)}
onToggle={(): void => onToggle(0)} </Link>,
data-cy={'nav-dropdown-methodology'} <Link
> to={PAGES_ENDPOINTS.ABOUT}
</NavDropDownButton> key={'about'}
<Menu activeClassName="usa-current"
id='methMenu' data-cy={'nav-link-about'}>
type='subnav' {intl.formatMessage(COMMON_COPY.HEADER.ABOUT)}
items={methPageSubNavLinks} </Link>,
isOpen={isOpen[0]} // <>
> // <NavDropDownButton
</Menu> // key="methDropDown"
</>, // label={intl.formatMessage(COMMON_COPY.HEADER.METHODOLOGY)}
<> // menuId="methMenu"
<NavDropDownButton // isOpen={isOpen[0]}
key="aboutDropDown" // onToggle={(): void => onToggle(0)}
label={intl.formatMessage(COMMON_COPY.HEADER.ABOUT)} // data-cy={'nav-dropdown-methodology'}
menuId="aboutMenu" // className={styles.navDropDownBtn}
isOpen={isOpen[1]} // >
onToggle={(): void => onToggle(1)} // </NavDropDownButton>
data-cy={'nav-dropdown-about'} // <Menu
> // id='methMenu'
</NavDropDownButton> // type='subnav'
<Menu // items={methPageSubNavLinks}
id='aboutMenu' // isOpen={isOpen[0]}
type='subnav' // >
items={aboutSubNavLinks} // </Menu>
isOpen={isOpen[1]} // </>,
> // <>
</Menu> // <NavDropDownButton
</>, // key="aboutDropDown"
// label={intl.formatMessage(COMMON_COPY.HEADER.ABOUT)}
// menuId="aboutMenu"
// isOpen={isOpen[1]}
// onToggle={(): void => onToggle(1)}
// data-cy={'nav-dropdown-about'}
// >
// </NavDropDownButton>
// <Menu
// id='aboutMenu'
// type='subnav'
// items={aboutSubNavLinks}
// isOpen={isOpen[1]}
// >
// </Menu>
// </>,
<Link <Link
to={PAGES_ENDPOINTS.CONTACT} to={PAGES_ENDPOINTS.CONTACT}
key={'contact'} key={'contact'}

View file

@ -231,106 +231,22 @@ exports[`rendering of the J40Header checks if component renders 1`] = `
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"
> >
<button <a
aria-controls="methMenu" data-cy="nav-link-methodology"
aria-expanded="false" href="/en/methodology"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-methodology"
data-testid="navDropDownButton"
type="button"
> >
<span> Methodology & data
Methodology & data </a>
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="methMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-methodology"
href="/en/methodology"
>
Methodology & data
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-downloads"
href="/en/downloads"
>
Downloads
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-technical-support-docs"
href="/en/technical-support-document"
>
Technical Support Document
</a>
</li>
</ul>
</li> </li>
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"
> >
<button <a
aria-controls="aboutMenu" data-cy="nav-link-about"
aria-expanded="false" href="/en/about"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-about"
data-testid="navDropDownButton"
type="button"
> >
<span> About
About </a>
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="aboutMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-about"
href="/en/about"
>
About
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-faqs"
href="/en/frequently-asked-questions"
>
Frequently asked questions
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-public-engagement"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
</ul>
</li> </li>
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"

View file

@ -231,106 +231,22 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"
> >
<button <a
aria-controls="methMenu" data-cy="nav-link-methodology"
aria-expanded="false" href="/en/methodology"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-methodology"
data-testid="navDropDownButton"
type="button"
> >
<span> Methodology & data
Methodology & data </a>
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="methMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-methodology"
href="/en/methodology"
>
Methodology & data
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-downloads"
href="/en/downloads"
>
Downloads
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-technical-support-docs"
href="/en/technical-support-document"
>
Technical Support Document
</a>
</li>
</ul>
</li> </li>
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"
> >
<button <a
aria-controls="aboutMenu" data-cy="nav-link-about"
aria-expanded="false" href="/en/about"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-about"
data-testid="navDropDownButton"
type="button"
> >
<span> About
About </a>
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="aboutMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-about"
href="/en/about"
>
About
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-faqs"
href="/en/frequently-asked-questions"
>
Frequently asked questions
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-public-engagement"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
</ul>
</li> </li>
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"

View file

@ -231,106 +231,22 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"
> >
<button <a
aria-controls="methMenu" data-cy="nav-link-methodology"
aria-expanded="false" href="/en/methodology"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-methodology"
data-testid="navDropDownButton"
type="button"
> >
<span> Methodology & data
Methodology & data </a>
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="methMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-methodology"
href="/en/methodology"
>
Methodology & data
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-downloads"
href="/en/downloads"
>
Downloads
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-technical-support-docs"
href="/en/technical-support-document"
>
Technical Support Document
</a>
</li>
</ul>
</li> </li>
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"
> >
<button <a
aria-controls="aboutMenu" data-cy="nav-link-about"
aria-expanded="false" href="/en/about"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-about"
data-testid="navDropDownButton"
type="button"
> >
<span> About
About </a>
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="aboutMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-about"
href="/en/about"
>
About
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-faqs"
href="/en/frequently-asked-questions"
>
Frequently asked questions
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-public-engagement"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
</ul>
</li> </li>
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"

View file

@ -231,106 +231,22 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"
> >
<button <a
aria-controls="methMenu" data-cy="nav-link-methodology"
aria-expanded="false" href="/en/methodology"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-methodology"
data-testid="navDropDownButton"
type="button"
> >
<span> Methodology & data
Methodology & data </a>
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="methMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-methodology"
href="/en/methodology"
>
Methodology & data
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-downloads"
href="/en/downloads"
>
Downloads
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-technical-support-docs"
href="/en/technical-support-document"
>
Technical Support Document
</a>
</li>
</ul>
</li> </li>
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"
> >
<button <a
aria-controls="aboutMenu" data-cy="nav-link-about"
aria-expanded="false" href="/en/about"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-about"
data-testid="navDropDownButton"
type="button"
> >
<span> About
About </a>
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="aboutMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-about"
href="/en/about"
>
About
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-faqs"
href="/en/frequently-asked-questions"
>
Frequently asked questions
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-public-engagement"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
</ul>
</li> </li>
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"

View file

@ -231,106 +231,22 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"
> >
<button <a
aria-controls="methMenu" data-cy="nav-link-methodology"
aria-expanded="false" href="/en/methodology"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-methodology"
data-testid="navDropDownButton"
type="button"
> >
<span> Methodology & data
Methodology & data </a>
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="methMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-methodology"
href="/en/methodology"
>
Methodology & data
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-downloads"
href="/en/downloads"
>
Downloads
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-technical-support-docs"
href="/en/technical-support-document"
>
Technical Support Document
</a>
</li>
</ul>
</li> </li>
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"
> >
<button <a
aria-controls="aboutMenu" data-cy="nav-link-about"
aria-expanded="false" href="/en/about"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-about"
data-testid="navDropDownButton"
type="button"
> >
<span> About
About </a>
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="aboutMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-about"
href="/en/about"
>
About
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-faqs"
href="/en/frequently-asked-questions"
>
Frequently asked questions
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-public-engagement"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
</ul>
</li> </li>
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"

View file

@ -231,106 +231,22 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"
> >
<button <a
aria-controls="methMenu" data-cy="nav-link-methodology"
aria-expanded="false" href="/en/methodology"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-methodology"
data-testid="navDropDownButton"
type="button"
> >
<span> Methodology & data
Methodology & data </a>
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="methMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-methodology"
href="/en/methodology"
>
Methodology & data
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-downloads"
href="/en/downloads"
>
Downloads
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-technical-support-docs"
href="/en/technical-support-document"
>
Technical Support Document
</a>
</li>
</ul>
</li> </li>
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"
> >
<button <a
aria-controls="aboutMenu" data-cy="nav-link-about"
aria-expanded="false" href="/en/about"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-about"
data-testid="navDropDownButton"
type="button"
> >
<span> About
About </a>
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="aboutMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-about"
href="/en/about"
>
About
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-faqs"
href="/en/frequently-asked-questions"
>
Frequently asked questions
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-public-engagement"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
</ul>
</li> </li>
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"

View file

@ -231,106 +231,22 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"
> >
<button <a
aria-controls="methMenu" data-cy="nav-link-methodology"
aria-expanded="false" href="/en/methodology"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-methodology"
data-testid="navDropDownButton"
type="button"
> >
<span> Methodology & data
Methodology & data </a>
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="methMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-methodology"
href="/en/methodology"
>
Methodology & data
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-downloads"
href="/en/downloads"
>
Downloads
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-technical-support-docs"
href="/en/technical-support-document"
>
Technical Support Document
</a>
</li>
</ul>
</li> </li>
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"
> >
<button <a
aria-controls="aboutMenu" data-cy="nav-link-about"
aria-expanded="false" href="/en/about"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-about"
data-testid="navDropDownButton"
type="button"
> >
<span> About
About </a>
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="aboutMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-about"
href="/en/about"
>
About
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-faqs"
href="/en/frequently-asked-questions"
>
Frequently asked questions
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-public-engagement"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
</ul>
</li> </li>
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"

View file

@ -231,106 +231,22 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"
> >
<button <a
aria-controls="methMenu" data-cy="nav-link-methodology"
aria-expanded="false" href="/en/methodology"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-methodology"
data-testid="navDropDownButton"
type="button"
> >
<span> Methodology & data
Methodology & data </a>
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="methMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-methodology"
href="/en/methodology"
>
Methodology & data
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-downloads"
href="/en/downloads"
>
Downloads
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-technical-support-docs"
href="/en/technical-support-document"
>
Technical Support Document
</a>
</li>
</ul>
</li> </li>
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"
> >
<button <a
aria-controls="aboutMenu" data-cy="nav-link-about"
aria-expanded="false" href="/en/about"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-about"
data-testid="navDropDownButton"
type="button"
> >
<span> About
About </a>
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="aboutMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-about"
href="/en/about"
>
About
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-faqs"
href="/en/frequently-asked-questions"
>
Frequently asked questions
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-public-engagement"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
</ul>
</li> </li>
<li <li
class="usa-nav__primary-item" class="usa-nav__primary-item"