feat: APPS 3110 Assemble Blog Listing page

cypress/e2e/blogListPage.cy.js

@@ -0,0 +1,31 @@
+Cypress.on('uncaught:exception', () => { return false })
+
+describe('Blog Listing page', () => {
+  beforeEach(() => {
+    cy.visit('/blog')
+  })
+
+  it('Visits Blog Listing page', () => {
+    cy.getByData('blog-page-title').should('be.visible')
+
+    cy.getByData('featured-blog-0').should('be.visible')
+
+    cy.getByData('featured-blog-1').should('be.visible')
+
+    cy.getByData('featured-blog-2').should('be.visible')
+
+    cy.getByData('latest-blogs').should('be.visible')
+
+    cy.percySnapshot('eventslistpage', { widths: [768, 992, 1200] })
+  })
+
+  it('Shows only one featured blog in mobile view', () => {
+    cy.viewport(750, 720)
+
+    cy.getByData('featured-blog-0').should('be.visible')
+
+    cy.getByData('featured-blog-1').should('not.be.visible')
+
+    cy.getByData('featured-blog-2').should('not.be.visible')
+  })
+})

gql/queries/FTVAArticleList.gql

@@ -7,9 +7,13 @@ query FTVAArticleList($slug: [String!]) {
     sectionHandle
     title: titleGeneral
     summary
+    displaySummary
     ftvaFeaturedArticles {
       title
       postDate
+      articleCategories {
+        title
+      }
       ftvaHomepageDescription
       uri
       ftvaImage {

package.json

@@ -42,7 +42,7 @@
     "nuxt-graphql-request": "^7.0.5",
     "sass": "^1.66.1",
     "ucla-library-design-tokens": "^5.28.0",
-    "ucla-library-website-components": "3.43.7"
+    "ucla-library-website-components": "3.45.1"
   },
   "engines": {
     "pnpm": "^9.12.1"