@comicrelief/component-library 7.20.0 → 7.22.0

package/cypress/{integration/components/molecules/schoolLookup.spec.js → e2e/components/molecules/schoolLookup.cy.js}

@@ -6,6 +6,7 @@ describe('School Lookup component', () => {
 
   describe('props and methods section', () => {
     beforeEach(() => {
+      cy.visit('/#schoollookup');
       cy.get('[data-testid="SchoolLookup-container"] button[name="rsg-usage"]')
         .contains('Props & methods')
         .as('propsBtn');
@@ -35,6 +36,7 @@ describe('School Lookup component', () => {
 
   describe('view code section', () => {
     beforeEach(() => {
+      cy.visit('/#schoollookup');
       cy.get('[data-testid="SchoolLookup-example-1"]')
         .as('container')
         .find('[data-preview="SchoolLookup"]')
@@ -56,14 +58,11 @@ describe('School Lookup component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('School lookup functionality', () => {
     beforeEach(() => {
+      cy.visit('/#schoollookup');
       cy.get('[data-testid="SchoolLookup-example-1"]')
         .as('container')
         .find('[data-preview="SchoolLookup"]')

package/cypress/{integration/components/molecules/searchInput.spec.js → e2e/components/molecules/searchInput.cy.js}

@@ -6,6 +6,7 @@ describe('Search Input component', () => {
 
   describe('props and methods section', () => {
     beforeEach(() => {
+      cy.visit('/#searchinput');
       cy.get('[data-testid="SearchInput-container"] button[name="rsg-usage"]')
         .contains('Props & methods')
         .as('propsBtn');
@@ -35,6 +36,7 @@ describe('Search Input component', () => {
 
   describe('Search Input section', () => {
     beforeEach(() => {
+      cy.visit('/#searchinput');
       cy.get('[data-testid="SearchInput-example-1"]')
         .as('container')
         .find('[data-preview="SearchInput"]')
@@ -66,9 +68,5 @@ describe('Search Input component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 });

package/cypress/{integration/components/molecules/searchResult.spec.js → e2e/components/molecules/searchResult.cy.js}

@@ -6,6 +6,7 @@ describe('Search Result component', () => {
 
   describe('props and methods section', () => {
     beforeEach(() => {
+      cy.visit('/#searchresult');
       cy.get('[data-testid="SearchResult-container"] button[name="rsg-usage"]')
         .contains('Props & methods')
         .as('propsBtn');
@@ -35,6 +36,7 @@ describe('Search Result component', () => {
 
   describe('Search Result Minimalist section', () => {
     beforeEach(() => {
+      cy.visit('/#searchresult');
       cy.get('[data-testid="SearchResult-example-1"]')
         .as('container')
         .find('[data-preview="SearchResult"]')
@@ -65,14 +67,11 @@ describe('Search Result component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('Search Result with copy section', () => {
     beforeEach(() => {
+      cy.visit('/#searchresult');
       cy.get('[data-testid="SearchResult-example-3"]')
         .as('container')
         .find('[data-preview="SearchResult"]')
@@ -106,14 +105,11 @@ describe('Search Result component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('Search Result with date section', () => {
     beforeEach(() => {
+      cy.visit('/#searchresult');
       cy.get('[data-testid="SearchResult-example-5"]')
         .as('container')
         .find('[data-preview="SearchResult"]')
@@ -150,14 +146,11 @@ describe('Search Result component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('Search Result with date and type section', () => {
     beforeEach(() => {
+      cy.visit('/#searchresult');
       cy.get('[data-testid="SearchResult-example-5"]')
         .as('container')
         .find('[data-preview="SearchResult"]')
@@ -194,9 +187,5 @@ describe('Search Result component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 });

package/cypress/{integration/components/molecules/shareButton.spec.js → e2e/components/molecules/shareButton.cy.js}

@@ -6,6 +6,7 @@ describe('Share Button component', () => {
 
   describe('props and methods section', () => {
     beforeEach(() => {
+      cy.visit('/#sharebutton');
       cy.get('[data-testid="ShareButton-container"] button[name="rsg-usage"]')
         .contains('Props & methods')
         .as('propsBtn');
@@ -35,6 +36,7 @@ describe('Share Button component', () => {
 
   describe('Share Button section', () => {
     beforeEach(() => {
+      cy.visit('/#sharebutton');
       cy.get('[data-testid="ShareButton-example-0"]')
         .as('container')
         .find('[data-preview="ShareButton"]')
@@ -70,9 +72,5 @@ describe('Share Button component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 });

package/cypress/{integration/components/molecules/simpleSchoolLookup.spec.js → e2e/components/molecules/simpleSchoolLookup.cy.js}

@@ -6,6 +6,7 @@ describe('SimpleSchoolLookup component', () => {
 
   describe('props and methods section', () => {
     beforeEach(() => {
+      cy.visit('/#simpleschoollookup');
       cy.get('[data-testid="SimpleSchoolLookup-container"] button[name="rsg-usage"]')
         .contains('Props & methods')
         .as('propsBtn');
@@ -35,6 +36,7 @@ describe('SimpleSchoolLookup component', () => {
 
   describe('view code section', () => {
     beforeEach(() => {
+      cy.visit('/#simpleschoollookup');
       cy.get('[data-testid="SimpleSchoolLookup-examples"]')
         .as('container');
 
@@ -54,14 +56,11 @@ describe('SimpleSchoolLookup component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('Simple School lookup functionality', () => {
     beforeEach(() => {
+      cy.visit('/#simpleschoollookup');
       cy.get('[data-testid="SimpleSchoolLookup-example-0"]')
         .as('container')
         .find('[data-preview="SimpleSchoolLookup"]')

package/cypress/{integration/components/molecules/singleMessage.spec.js → e2e/components/molecules/singleMessage.cy.js}

@@ -6,6 +6,7 @@ describe('Single Message component', () => {
 
   describe('props and methods section', () => {
     beforeEach(() => {
+      cy.visit('/#singlemessage');
       cy.get('[data-testid="SingleMessage-container"] button[name="rsg-usage"]')
         .contains('Props & methods')
         .as('propsBtn');
@@ -35,6 +36,7 @@ describe('Single Message component', () => {
 
   describe('Single message section', () => {
     beforeEach(() => {
+      cy.visit('/#singlemessage');
       cy.get('[data-testid="SingleMessage-example-1"]')
         .as('container')
         .find('[data-preview="SingleMessage"]')
@@ -71,14 +73,11 @@ describe('Single Message component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('Single Message fullImage section', () => {
     beforeEach(() => {
+      cy.visit('/#singlemessage');
       cy.get('[data-testid="SingleMessage-example-3"]')
         .as('container')
         .find('[data-preview="SingleMessage"]')
@@ -115,14 +114,11 @@ describe('Single Message component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('Single Message fullImage no copy section', () => {
     beforeEach(() => {
+      cy.visit('/#singlemessage');
       cy.get('[data-testid="SingleMessage-example-5"]')
         .as('container')
         .find('[data-preview="SingleMessage"]')
@@ -156,14 +152,11 @@ describe('Single Message component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('Single Message fullImage no image section', () => {
     beforeEach(() => {
+      cy.visit('/#singlemessage');
       cy.get('[data-testid="SingleMessage-example-7"]')
         .as('container')
         .find('[data-preview="SingleMessage"]')
@@ -196,15 +189,12 @@ describe('Single Message component', () => {
       cy.get('@container')
         .find('textarea')
         .should('exist');
-    });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
+    })
   });
 
   describe('Single Message vertical height 100% section', () => {
     beforeEach(() => {
+      cy.visit('/#singlemessage');
       cy.get('[data-testid="SingleMessage-example-9"]')
         .as('container')
         .find('[data-preview="SingleMessage"]')
@@ -238,14 +228,11 @@ describe('Single Message component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('Single Message double image section', () => {
     beforeEach(() => {
+      cy.visit('/#singlemessage');
       cy.get('[data-testid="SingleMessage-example-11"]')
         .as('container')
         .find('[data-preview="SingleMessage"]')
@@ -283,14 +270,11 @@ describe('Single Message component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('Single Message with 16:9 video section', () => {
     beforeEach(() => {
+      cy.visit('/#singlemessage');
       cy.get('[data-testid="SingleMessage-example-13"]')
         .as('container')
         .find('[data-preview="SingleMessage"]')
@@ -326,14 +310,11 @@ describe('Single Message component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('Single Message with 16:9 video left section', () => {
     beforeEach(() => {
+      cy.visit('/#singlemessage');
       cy.get('[data-testid="SingleMessage-example-14"]')
         .as('container')
         .find('[data-preview="SingleMessage"]')
@@ -369,14 +350,11 @@ describe('Single Message component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('Single Message with portrait video section', () => {
     beforeEach(() => {
+      cy.visit('/#singlemessage');
       cy.get('[data-testid="SingleMessage-example-16"]')
         .as('container')
         .find('[data-preview="SingleMessage"]')
@@ -412,14 +390,11 @@ describe('Single Message component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('Single Message with portrait video, 100VH section', () => {
     beforeEach(() => {
+      cy.visit('/#singlemessage');
       cy.get('[data-testid="SingleMessage-example-18"]')
         .as('container')
         .find('[data-preview="SingleMessage"]')
@@ -451,14 +426,11 @@ describe('Single Message component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('Single Message with landscape video, 100VH, fullwidth image', () => {
     beforeEach(() => {
+      cy.visit('/#singlemessage');
       cy.get('[data-testid="SingleMessage-example-20"]')
         .as('container')
         .find('[data-preview="SingleMessage"]')
@@ -490,14 +462,11 @@ describe('Single Message component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('Single Message with landscape video, 50VH, fullwidth image', () => {
     beforeEach(() => {
+      cy.visit('/#singlemessage');
       cy.get('[data-testid="SingleMessage-example-22"]')
         .as('container')
         .find('[data-preview="SingleMessage"]')
@@ -529,9 +498,5 @@ describe('Single Message component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 });

package/cypress/{integration/components/molecules/singleMessageDs.spec.js → e2e/components/molecules/singleMessageDs.cy.js}

@@ -6,6 +6,7 @@ describe('Single Message Ds component', () => {
 
   describe('props and methods section', () => {
     beforeEach(() => {
+      cy.visit('/#singlemessageds');
       cy.get('[data-testid="SingleMessageDs-container"] button[name="rsg-usage"]')
         .contains('Props & methods')
         .as('propsBtn');
@@ -35,6 +36,7 @@ describe('Single Message Ds component', () => {
 
   describe('SingleMessageDs-example-1: Image align left and CTA are clickable', () => {
     beforeEach(() => {
+      cy.visit('/#singlemessageds');
       cy.get('[data-testid="SingleMessageDs-example-1"]')
         .as('container')
         .find('[data-preview="SingleMessageDs"]')
@@ -72,14 +74,11 @@ describe('Single Message Ds component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('SingleMessageDs-example-3: Image align right and CTA are clickable', () => {
     beforeEach(() => {
+      cy.visit('/#singlemessageds');
       cy.get('[data-testid="SingleMessageDs-example-3"]')
         .as('container')
         .find('[data-preview="SingleMessageDs"]')
@@ -116,14 +115,11 @@ describe('Single Message Ds component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('SingleMessageDs-example-5: SingleMessageDs-example-5', () => {
     beforeEach(() => {
+      cy.visit('/#singlemessageds');
       cy.get('[data-testid="SingleMessageDs-example-5"]')
         .as('container')
         .find('[data-preview="SingleMessageDs"]')
@@ -158,14 +154,11 @@ describe('Single Message Ds component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('SingleMessageDs-example-7: Using the linkIcon prop', () => {
     beforeEach(() => {
+      cy.visit('/#singlemessageds');
       cy.get('[data-testid="SingleMessageDs-example-7"]')
         .as('container')
         .find('[data-preview="SingleMessageDs"]')
@@ -199,14 +192,11 @@ describe('Single Message Ds component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('SingleMessageDs-example-9: Video with no CTA', () => {
     beforeEach(() => {
+      cy.visit('/#singlemessageds');
       cy.get('[data-testid="SingleMessageDs-example-9"]')
         .as('container')
         .find('[data-preview="SingleMessageDs"]')
@@ -240,9 +230,5 @@ describe('Single Message Ds component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 });

package/cypress/{integration/components/molecules/typeahead.spec.js → e2e/components/molecules/typeahead.cy.js}

@@ -6,6 +6,7 @@ describe('Typeahead component', () => {
 
   describe('props and methods section', () => {
     beforeEach(() => {
+      cy.visit('/#typeahead');
       cy.get('[data-testid="Typeahead-container"] button[name="rsg-usage"]')
         .contains('Props & methods')
         .as('propsBtn');
@@ -35,6 +36,7 @@ describe('Typeahead component', () => {
 
   describe('view code section', () => {
     beforeEach(() => {
+      cy.visit('/#typeahead');
       cy.get('[data-testid="Typeahead-example-1"]')
         .as('container')
         .find('[data-preview="Typeahead"]')
@@ -56,14 +58,11 @@ describe('Typeahead component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('Typeahead functionality', () => {
     beforeEach(() => {
+      cy.visit('/#typeahead');
       cy.get('[data-testid="Typeahead-example-1"]')
         .as('container')
         .find('[data-preview="Typeahead"]')

package/cypress/{integration/components/molecules/videoBanner.spec.js → e2e/components/molecules/videoBanner.cy.js}

@@ -6,6 +6,7 @@ describe('Video Banner component', () => {
 
   describe('props and methods section', () => {
     beforeEach(() => {
+      cy.visit('/#videobanner');
       cy.get('[data-testid="VideoBanner-container"] button[name="rsg-usage"]')
         .contains('Props & methods')
         .as('propsBtn');
@@ -35,6 +36,7 @@ describe('Video Banner component', () => {
 
   describe('VideoBanner-example-1: Default Video Banner', () => {
     beforeEach(() => {
+      cy.visit('/#videobanner');
       cy.get('[data-testid="VideoBanner-example-1"]')
         .as('container')
         .find('[data-preview="VideoBanner"]')
@@ -62,14 +64,11 @@ describe('Video Banner component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('VideoBanner-example-3: Looping Video Banner With Controls', () => {
     beforeEach(() => {
+      cy.visit('/#videobanner');
       cy.get('[data-testid="VideoBanner-example-3"]')
         .as('container')
         .find('[data-preview="VideoBanner"]')
@@ -97,14 +96,11 @@ describe('Video Banner component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('VideoBanner-example-5: Non-autoplay Video Banner', () => {
     beforeEach(() => {
+      cy.visit('/#videobanner');
       cy.get('[data-testid="VideoBanner-example-5"]')
           .as('container')
           .find('[data-preview="VideoBanner"]')
@@ -132,9 +128,5 @@ describe('Video Banner component', () => {
           .find('textarea')
           .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 });

package/cypress/{integration/components/organisms/cookieBanner.spec.js → e2e/components/organisms/cookieBanner.cy.js}

@@ -6,6 +6,7 @@ describe('Cookie Banner component', () => {
 
   describe('props and methods section', () => {
     beforeEach(() => {
+      cy.visit('/#cookiebanner');
       cy.get('[data-testid="CookieBanner-container"] button[name="rsg-usage"]')
         .contains('Props & methods')
         .as('propsBtn');
@@ -35,6 +36,7 @@ describe('Cookie Banner component', () => {
 
   describe('Cookie Banner section', () => {
     beforeEach(() => {
+      cy.visit('/#cookiebanner');
       cy.get('[data-testid="CookieBanner-example-1"]')
         .as('container')
         .find('[data-preview="CookieBanner"]')
@@ -74,9 +76,5 @@ describe('Cookie Banner component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 });

package/cypress/{integration/components/organisms/donate.spec.js → e2e/components/organisms/donate.cy.js}

@@ -6,6 +6,7 @@ describe('Donate component', () => {
 
   describe('props and methods section', () => {
     beforeEach(() => {
+      cy.visit('/#donate');
       cy.get('[data-testid="Donate-container"] button[name="rsg-usage"]')
         .contains('Props & methods')
         .as('propsBtn');
@@ -35,6 +36,7 @@ describe('Donate component', () => {
 
   describe('Donate Form align right section', () => {
     beforeEach(() => {
+      cy.visit('/#donate');
       cy.get('[data-testid="Donate-example-1"]')
         .as('container')
         .find('[data-preview="Donate"]')
@@ -97,14 +99,11 @@ describe('Donate component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('Donate Form align left section', () => {
     beforeEach(() => {
+      cy.visit('/#donate');
       cy.get('[data-testid="Donate-example-3"]')
         .as('container')
         .find('[data-preview="Donate"]')
@@ -163,14 +162,11 @@ describe('Donate component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('Single Giving section', () => {
     beforeEach(() => {
+      cy.visit('/#donate');
       cy.get('[data-testid="Donate-example-5"]')
         .as('container')
         .find('[data-preview="Donate"]')
@@ -228,14 +224,11 @@ describe('Donate component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('Single Giving "No Money Buys" section', () => {
     beforeEach(() => {
+      cy.visit('/#donate');
       cy.get('[data-testid="Donate-example-7"]')
         .as('container')
         .find('[data-preview="Donate"]')
@@ -287,9 +280,5 @@ describe('Donate component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 });

package/cypress/{integration/components/organisms/emailSignUp.spec.js → e2e/components/organisms/emailSignUp.cy.js}

@@ -7,6 +7,7 @@ describe('Email Sign Up component', () => {
 
   describe('Email Sign Up section', () => {
     beforeEach(() => {
+      cy.visit('/#emailsignupform');
       cy.get('[data-testid="EmailSignUpForm-example-1"]')
         .as('container')
         .find('[data-preview="EmailSignUpForm"]')
@@ -49,9 +50,5 @@ describe('Email Sign Up component', () => {
       cy.get('@viewCodeBtn').click();
       cy.get('@container').find('textarea').should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 });