Update Cypress test

Author: tinuola

cypress/e2e/homepage.cy.js

@@ -2,6 +2,19 @@ describe('Website Homepage', () => {
   it('Visit the Homepage', () => {
     cy.visit('/')
     cy.viewport(1200, 1200)
+
+    // cy.getByData('homepage-carousel').should('be.visible')
+
+    cy.getByData('featured-event-items').should('be.visible')
+
+    cy.getByData('quick-link-items').should('be.visible')
+
+    cy.getByData('featured-article').should('be.visible')
+
+    cy.getByData('featured-collection-items').should('be.visible')
+
+    // cy.getByData('preservation-image-slider').should('be.visible')
+
     cy.get('.footer-primary.ftva').should('be.visible')
     cy.get('.footer-links.ftva').should('be.visible')
     cy.get('.footer-sock.ftva').should('be.visible')
@@ -20,6 +33,6 @@ describe('Website Homepage', () => {
     //   .should('have.attr', 'href', 'https://www.library.ucla.edu')
     // NavPrimary
 
-    // cy.percySnapshot({ widths: [768, 992, 1200] })
+    cy.percySnapshot({ widths: [768, 992, 1200] })
   })
 })

pages/index.vue

@@ -161,6 +161,7 @@ useHead({
             class="now-showing-items"
             :items="parsedNowShowing"
             :grid-layout="false"
+            data-test="featured-event-items"
           />
         </ScrollWrapper>
       </SectionWrapper>
@@ -198,6 +199,7 @@ useHead({
           <SectionTeaserCard
             :items="parsedQuickLinks"
             :grid-layout="false"
+            data-test="quick-link-items"
           />
         </div>
       </SectionWrapper>
@@ -225,6 +227,7 @@ useHead({
           button-text="Continue Reading"
           :button-url="parsedArchiveBlogs.blogUri"
           :cover-image="parsedArchiveBlogs.image"
+          data-test="featured-article"
         />
       </SectionWrapper>
       <SectionWrapper
@@ -250,6 +253,7 @@ useHead({
           <SectionTeaserCard
             :items="parsedFeaturedCollections"
             :grid-layout="false"
+            data-test="featured-collection-items"
           />
         </ScrollWrapper>
       </SectionWrapper>
@@ -429,7 +433,7 @@ main {
     margin-bottom: 40px;
   }
 
-  :deep(.rich-text.summary) {
+  :deep(.rich-text.section-summary) {
     max-width: 100%;
   }