From 2948dd1ba898c5f9b2a710579a10983b7b6d5fe5 Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Thu, 9 Apr 2020 19:53:20 +0000
Subject: [PATCH]

---
 ayanova/devdocs/todo.txt          |  2 +-
 ayanova/src/views/home-search.vue | 20 ++++++++++++++++----
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index baa47fcc..75491d12 100644
--- a/ayanova/devdocs/todo.txt
+++ b/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
 
diff --git a/ayanova/src/views/home-search.vue b/ayanova/src/views/home-search.vue
index a8339360..88abb712 100644
--- a/ayanova/src/views/home-search.vue
+++ b/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>