From 262580896695dcf93a84528491c30a2ec4e1a645 Mon Sep 17 00:00:00 2001
From: Luis E <35935591+luisecm@users.noreply.github.com>
Date: Thu, 10 Oct 2024 10:40:45 -0600
Subject: [PATCH] add(attribute): add test attrbute for hamburger button mobile
 (#690)

---
 src/lib/layouts/Topbar.svelte | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/lib/layouts/Topbar.svelte b/src/lib/layouts/Topbar.svelte
index e93516b72..ca3dc1942 100644
--- a/src/lib/layouts/Topbar.svelte
+++ b/src/lib/layouts/Topbar.svelte
@@ -29,6 +29,7 @@
     {#if $$slots.controls}
         {#if checkMobile()}
             <Button
+                hook="button-show-controls"
                 appearance={Appearance.Alt}
                 icon
                 on:click={_ => {
@@ -46,17 +47,17 @@
                 </button>
                 <div
                     class="controls-dropdown"
+                    data-cy="controls-dropdown"
                     role="button"
                     tabindex="0"
                     on:click={_ => {
                         showControls = false
                     }}
                     on:keydown={e => {
-                        if (e.key === 'Enter' || e.key === ' ') {
+                        if (e.key === "Enter" || e.key === " ") {
                             showControls = false
                         }
-                    }}
-                >
+                    }}>
                     <slot name="controls" />
                 </div>
             {/if}