ayanova/devdocs/todo.txt

@@ -51,7 +51,7 @@ CURRENT TODOs
 
 
 
-todo: session cache search results and scroll position if possible to support "back and forthing"
+todo: e2e test for search
 todo: search what order should the results be retruned in, right now is by id but looks weird in list
 todo: look at using finally block in all fetch form calls to do the things that are repeated in catch and then above it see search form for example
 

ayanova/src/views/home-search.vue

@@ -13,6 +13,7 @@
                 ref="searchPhrase"
                 @change="getDataFromApi()"
                 hint="text, *xt, te*"
+                :data-cy="!!$ay.dev ? 'phrase' : false"
               ></v-text-field>
             </v-col>
             <v-col cols="12" sm="4" lg="4" xl="3">
@@ -30,7 +31,9 @@
                 v-on:click="getDataFromApi()"
                 value="SEARCH"
               >
-                <v-icon>fa-search</v-icon>
+                <v-icon :data-cy="!!$ay.dev ? 'btnsearch' : false"
+                  >fa-search</v-icon
+                >
               </v-btn>
             </v-col>
 
@@ -52,9 +55,13 @@
                     >
 
                     <v-list-item link :key="item.index">
-                      <v-list-item-content>
+                      <v-list-item-content
+                        @click="openItem(item)"
+                        :data-cy="
+                          !!$ay.dev ? 'btnopenitem' + item.index : false
+                        "
+                      >
                         <v-list-item-title
-                          @click="openItem(item)"
                           v-text="item.name"
                         ></v-list-item-title>
                         <v-list-item-subtitle
@@ -63,7 +70,12 @@
                       </v-list-item-content>
                       <v-list-item-action>
                         <v-btn icon @click="getExcerpt(item)">
-                          <v-icon color="grey lighten-1" large
+                          <v-icon
+                            color="grey lighten-1"
+                            large
+                            :data-cy="
+                              !!$ay.dev ? 'btnexcerpt' + item.index : false
+                            "
                             >fa-info-circle</v-icon
                           >
                         </v-btn>