From 3037299fd64ddfaa6623c756abd5e475243aa40e Mon Sep 17 00:00:00 2001
From: Cindy Chang <cindy.chang@dsp.im>
Date: Fri, 9 Aug 2024 11:28:44 +0800
Subject: [PATCH] mark ids

---
 src/components/Header.vue   | 2 +-
 src/components/Navbar.vue   | 2 +-
 src/views/AuthContainer.vue | 2 +-
 src/views/MainContainer.vue | 4 ++--
 src/views/NotFound404.vue   | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/Header.vue b/src/components/Header.vue
index d062f61..322c78e 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="mx-auto px-4 h-14 z-50">
+  <div id='header.vue' class="mx-auto px-4 h-14 z-50">
     <div class="flex justify-between items-center h-full">
       <figure>
           <DspLogo />
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index c53f0e4..174dfe8 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -1,5 +1,5 @@
 <template>
-  <nav class="bg-neutral-700">
+  <nav id='nav_bar' class="bg-neutral-700">
     <div class="mx-auto px-4" :class="[showNavbarBreadcrumb? 'min-h-12': 'h-12']">
       <div class="flex justify-between items-center flex-wrap relative" v-show="showNavbarBreadcrumb">
         <div id="nav_bar" class="flex flex-1 items-center">
diff --git a/src/views/AuthContainer.vue b/src/views/AuthContainer.vue
index efab18f..8e3ae45 100644
--- a/src/views/AuthContainer.vue
+++ b/src/views/AuthContainer.vue
@@ -1,5 +1,5 @@
 <template>
-  <header>
+  <header id="authcontainer_header_navbar_container">
     <Header />
     <Navbar />
   </header>
diff --git a/src/views/MainContainer.vue b/src/views/MainContainer.vue
index 50f5994..68956a4 100644
--- a/src/views/MainContainer.vue
+++ b/src/views/MainContainer.vue
@@ -1,10 +1,10 @@
 <template>
   <ModalContainer/>
-  <header class="sticky inset-x-0 top-0 w-full bg-neutral-10 z-10">
+  <header id='header_inside_maincontainer' class="sticky inset-x-0 top-0 w-full bg-neutral-10 z-10">
       <Header/>
       <Navbar/>
   </header>
-  <main class="w-full">
+  <main id='loading_and_router_view_container_in_maincontainer' class="w-full">
     <Loading v-if="loadingStore.isLoading" />    
     <router-view></router-view>
   </main>
diff --git a/src/views/NotFound404.vue b/src/views/NotFound404.vue
index e6defb2..4bde20c 100644
--- a/src/views/NotFound404.vue
+++ b/src/views/NotFound404.vue
@@ -1,5 +1,5 @@
 <template>
-  <header>
+  <header id="notfound_404">
     <Header/>
     <Navbar/>
   </header>