test(layout): add basic test for communities page

Author: mydearxym

containers/CommunitiesBanner/index.js

@@ -36,7 +36,7 @@ const CommunitiesBannerContainer = ({ communitiesBanner }) => {
   } = communitiesBanner
 
   return (
-    <BannerContainer>
+    <BannerContainer testid="communities-banner">
       <BannerContentWrapper>
         <ContentWrapper>
           <SearchBox

containers/CommunitiesBanner/styles/index.js

@@ -2,7 +2,9 @@ import styled from 'styled-components'
 
 import { theme, cs } from '@utils'
 
-export const BannerContainer = styled.div`
+export const BannerContainer = styled.div.attrs(props => ({
+  'data-testid': props.testid,
+}))`
   ${cs.flexColumn('justify-center')};
 
   position: relative;

cypress/integration/layout.spec.js

@@ -18,4 +18,14 @@ describe('basic layout', () => {
     cy.id('header-search').should('be.visible')
     cy.id('header-search-icon').should('be.visible')
   })
+
+  it('communities page', () => {
+    cy.visit('/communities')
+    cy.id('header-search').should('be.visible')
+    cy.id('header-search-icon').should('be.visible')
+
+    cy.id('communities-banner').should('be.visible')
+
+    cy.id('footer').should('be.visible')
+  })
 })