some more e2e tests

WycliffeAssociates · Nov 21, 2024 · a6e98dd · a6e98dd
1 parent 2f1a4b4
commit a6e98dd
Show file tree

Hide file tree

Showing 5 changed files with 600 additions and 497 deletions.
diff --git a/src/components/HeaderMenuMobile.tsx b/src/components/HeaderMenuMobile.tsx
@@ -103,6 +103,7 @@ export function HeaderMenuMobile(props: HeaderMenuProps) {
           <button
             type="button"
             onClick={() => setIsOpen(!isOpen())}
+            data-testid="headerMenuMobileOpen"
             class="active:(outline-primary bg-none) hover:(!bg-transparent text-primary!) focus:(!bg-transparent outline-primary outline-1) icon  text-black!"
           >
             <Show when={!isOpen()} fallback={<CloseCircle />}>
@@ -119,7 +120,10 @@ export function HeaderMenuMobile(props: HeaderMenuProps) {
                   return (
                     <>
                       <Show when={isParent(menuLink)}>
-                        <li class="py-4 w-full flex justify-between content-center flex-shrink-0 last:(border-b border-surface-border pb-12)">
+                        <li
+                          data-testid="headerMenuItem"
+                          class="py-4 w-full flex justify-between content-center flex-shrink-0 last:(border-b border-surface-border pb-12)"
+                        >
                           <a
                             class="font-500 font-step-0"
                             href={shapeLink(menuLink)}
@@ -193,6 +197,7 @@ export function HeaderMenuMobile(props: HeaderMenuProps) {
               <button
                 type="button"
                 class="p-3 flex w-full items-center justify-between  active:(bg-brand-base text-surface-invert) border border-surface-border rounded-lg"
+                data-testid="headerOpenLocalizeMenu"
                 onClick={() => setActivePane("language")}
               >
                 <span class="flex gap-2">

diff --git a/src/components/LanguagePicker.tsx b/src/components/LanguagePicker.tsx
@@ -64,6 +64,7 @@ export function LanguagePickerMobile(props: LangPickerProps) {
                 item.localizedUrl ||
                 `${item.code === "en" ? "/" : `/${item.code}`}`
               }
+              data-testid={`language-picker-item-${item.language_code}`}
             >
               <span>{item.native_name}</span>
               <span class="text-onSurface-tertiary font-size-[var(--step--2)]">