WIP feat(ui): add test identifiers for ui elements

Signed-off-by: phanirithvij <phanirithvij2000@gmail.com>

Author: phanirithvij

ui/src/Main/Icons.elm

@@ -1,6 +1,7 @@
 module Main.Icons exposing (..)
 
 import Html exposing (Html)
+import Html.Attributes exposing (attribute)
 import Svg exposing (path, svg)
 import Svg.Attributes exposing (class, d, fill, fillRule, height, viewBox, width)
 
@@ -21,6 +22,7 @@ iconMoonStarsFill =
         , height "16"
         , fill "currentColor"
         , class "bi bi-moon-stars-fill"
+        , attribute "data-testid" "icon-moon"
         , viewBox "0 0 16 16"
         ]
         [ path
@@ -41,6 +43,7 @@ iconSunFill =
         , height "16"
         , fill "currentColor"
         , class "bi bi-sun-fill"
+        , attribute "data-testid" "icon-sun"
         , viewBox "0 0 16 16"
         ]
         [ path

ui/src/Main/View.elm

@@ -44,6 +44,7 @@ view model =
                 , button
                     [ class "navbar-toggler d-md-none border-0 p-1"
                     , type_ "button"
+                    , attribute "data-testid" "navbar-toggler"
                     , attribute "aria-expanded"
                         (if model.model_navbarExpanded then
                             "true"
@@ -149,6 +150,7 @@ viewSearchInput model =
                         "Search options"
             , value model.model_search
             , id "main-search-bar"
+            , attribute "data-testid" "main-search-bar"
             , onInput (\s -> Update_SearchInput (UpdateSearchInput_Set s))
             , preventDefaultOn "keydown"
                 (decodeEscapeKey
@@ -166,6 +168,7 @@ viewThemeToggle model =
         , style "cursor" "pointer"
         , title "Toggle theme"
         , attribute "aria-label" "Toggle theme"
+        , attribute "data-testid" "theme-toggle-btn"
         , onClick Update_CycleTheme
         ]
         [ case model.model_preferences.preferences_theme of

ui/src/Main/View/Page/App.elm

@@ -65,6 +65,7 @@ viewPageAppHeader _ pageApp =
             ]
         , button
             [ class "btn"
+            , attribute "data-testid" "app-run-button"
             , case pageApp.pageApp_runtime of
                 Nothing ->
                     class "btn-secondary"

ui/src/Main/View/Page/App/Run.elm

@@ -1,7 +1,7 @@
 module Main.View.Page.App.Run exposing (..)
 
 import Html exposing (Html, a, br, button, details, div, h5, hr, li, p, small, span, summary, text, ul)
-import Html.Attributes exposing (class, href, id, style, tabindex, target)
+import Html.Attributes exposing (attribute, class, href, id, style, tabindex, target)
 import Html.Events exposing (stopPropagationOn)
 import Json.Decode as Decode
 import Main.Config exposing (..)
@@ -34,6 +34,7 @@ viewPageAppRun model pageApp =
             [ div
                 [ class "modal show"
                 , style "display" "block"
+                , attribute "data-testid" "run-modal-container"
                 , tabindex -1
                 , style "background-color" "rgba(0,0,0,0.5)"
                 , onClick (Update_RouteWithoutHistory onClickRoute)
@@ -47,6 +48,7 @@ viewPageAppRun model pageApp =
                             [ h5 [ class "modal-title" ] [ text ("Run " ++ pageApp.pageApp_route.routeApp_name) ]
                             , button
                                 [ class "btn-close"
+                                , attribute "data-testid" "close-modal-button"
                                 , onClick (Update_RouteWithoutHistory onClickRoute)
                                 ]
                                 []
@@ -87,6 +89,7 @@ viewPageAppRunRuntime _ pageApp appRuntime =
                 )
             , style "cursor" "pointer"
             , style "border" "none"
+            , attribute "role" "tab"
             , id <| "run-" ++ (showAppRuntime appRuntime |> String.toLower)
             , let
                 route =

ui/src/Main/View/Page/Apps.elm

@@ -65,6 +65,7 @@ viewPageAppsApp _ app =
         [ href (onClickRoute |> Route.toString)
         , class "card m-item-card shadow-sm p-3"
         , style "text-decoration" "none"
+        , attribute "data-testid" "app-result"
         , onClick (Update_Route onClickRoute)
         ]
         [ div

ui/src/Main/View/Page/Recipe.elm

@@ -75,6 +75,7 @@ viewPageRecipeOptionsItem _ pageRecipeOptions ( optionName, option ) =
         [ class "list-item list-group-item list-group-item-action flex-column align-items-start"
         , href (onClickRoute |> Route.toString)
         , id itemId
+        , attribute "data-testid" "option-result"
         , onClick (Update_Route onClickRoute)
         ]
         [ div [ class "d-flex w-100 justify-content-between" ]