mark ids

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 />

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">

src/views/AuthContainer.vue

@@ -1,5 +1,5 @@
 <template>
-  <header>
+  <header id="authcontainer_header_navbar_container">
     <Header />
     <Navbar />
   </header>

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>

src/views/NotFound404.vue

@@ -1,5 +1,5 @@
 <template>
-  <header>
+  <header id="notfound_404">
     <Header/>
     <Navbar/>
   </header>