@comicrelief/component-library 7.20.0 → 7.22.0

package/cypress/{integration/components/atoms/socialIcons.spec.js → e2e/components/atoms/socialIcons.cy.js}

@@ -6,6 +6,7 @@ describe('SocialIcons component', () => {
 
   describe('props and methods section', () => {
     beforeEach(() => {
+      cy.visit('/#socialicons');
       cy.get('[data-testid="SocialIcons-container"] button[name="rsg-usage"]')
         .contains('Props & methods')
         .as('propsBtn');
@@ -35,6 +36,7 @@ describe('SocialIcons component', () => {
 
   describe('Comic Relief social icons section', () => {
     beforeEach(() => {
+      cy.visit('/#socialicons');
       cy.get('[data-testid="SocialIcons-example-1"]')
         .as('container')
         .find('[data-preview="SocialIcons"]')
@@ -72,17 +74,11 @@ describe('SocialIcons component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-      cy.get('@container')
-        .find('textarea')
-        .should('not.exist');
-    });
   });
 
   describe('Red Nose Day social icons section', () => {
     beforeEach(() => {
+      cy.visit('/#socialicons');
       cy.get('[data-testid="SocialIcons-example-3"]')
         .as('container')
         .find('[data-preview="SocialIcons"]')
@@ -120,17 +116,11 @@ describe('SocialIcons component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-      cy.get('@container')
-        .find('textarea')
-        .should('not.exist');
-    });
   });
 
   describe('Sport Relief social icons section', () => {
     beforeEach(() => {
+      cy.visit('/#socialicons');
       cy.get('[data-testid="SocialIcons-example-5"]')
         .as('container')
         .find('[data-preview="SocialIcons"]')
@@ -168,12 +158,5 @@ describe('SocialIcons component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-      cy.get('@container')
-        .find('textarea')
-        .should('not.exist');
-    });
   });
 });

package/cypress/{integration/components/atoms/text.spec.js → e2e/components/atoms/text.cy.js}

@@ -6,6 +6,7 @@ describe('Text component', () => {
 
   describe('props and methods section', () => {
     beforeEach(() => {
+      cy.visit('/#text');
       cy.get('[data-testid="Text-container"] button[name="rsg-usage"]')
         .contains('Props & methods')
         .as('propsBtn');
@@ -35,6 +36,7 @@ describe('Text component', () => {
 
   describe('Text section', () => {
     beforeEach(() => {
+      cy.visit('/#text');
       cy.get('[data-testid="Text-example-0"]')
         .as('container')
         .find('[data-preview="Text"]')
@@ -94,17 +96,11 @@ describe('Text component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-      cy.get('@container')
-        .find('textarea')
-        .should('not.exist');
-    });
   });
 
   describe('Text section', () => {
     beforeEach(() => {
+      cy.visit('/#text');
       cy.get('[data-testid="Text-example-2"]')
         .as('container')
         .find('[data-preview="Text"]')
@@ -169,12 +165,5 @@ describe('Text component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-      cy.get('@container')
-        .find('textarea')
-        .should('not.exist');
-    });
   });
 });

package/cypress/{integration/components/atoms/textArea.spec.js → e2e/components/atoms/textArea.cy.js}

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

package/cypress/{integration/components/atoms/textInputWithDrop.spec.js → e2e/components/atoms/textInputWithDrop.cy.js}

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

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

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

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

@@ -6,6 +6,7 @@ describe('ArticleTeaser component', () => {
 
   describe('props and methods section', () => {
     beforeEach(() => {
+      cy.visit('/#articleteaser');
       cy.get('[data-testid="ArticleTeaser-container"] button[name="rsg-usage"]')
         .contains('Props & methods')
         .as('propsBtn');
@@ -35,6 +36,7 @@ describe('ArticleTeaser component', () => {
 
   describe('Article Teaser section', () => {
     beforeEach(() => {
+      cy.visit('/#articleteaser');
       cy.get('[data-testid="ArticleTeaser-example-1"]')
         .as('container')
         .find('[data-preview="ArticleTeaser"]')
@@ -99,12 +101,5 @@ describe('ArticleTeaser component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-      cy.get('@container')
-        .find('textarea')
-        .should('not.exist');
-    });
   });
 });

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

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

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

@@ -6,6 +6,7 @@ describe('Box component', () => {
 
   describe('props and methods section', () => {
     beforeEach(() => {
+      cy.visit('/#box');
       cy.get('[data-testid="Box-container"] button[name="rsg-usage"]')
         .contains('Props & methods')
         .as('propsBtn');
@@ -35,6 +36,7 @@ describe('Box component', () => {
 
   describe('Box example 1 section', () => {
     beforeEach(() => {
+      cy.visit('/#box');
       cy.get('[data-testid="Box-example-1"]')
         .as('container')
         .find('[data-preview="Box"]')
@@ -67,14 +69,11 @@ describe('Box component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('Box example 3 section', () => {
     beforeEach(() => {
+      cy.visit('/#box');
       cy.get('[data-testid="Box-example-3"]')
         .as('container')
         .find('[data-preview="Box"]')
@@ -101,12 +100,5 @@ describe('Box component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-      cy.get('@container')
-        .find('textarea')
-        .should('not.exist');
-    });
   });
 });

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

@@ -7,6 +7,7 @@ describe('Card component', () => {
 
   describe('props and methods section', () => {
     beforeEach(() => {
+      cy.visit('/#card');
       cy.get('[data-testid="Card-container"] button[name="rsg-usage"]')
         .contains('Props & methods')
         .as('propsBtn');
@@ -36,6 +37,7 @@ describe('Card component', () => {
 
   describe('Card example 1 section', () => {
     beforeEach(() => {
+      cy.visit('/#card');
       cy.get('[data-testid="Card-example-1"]')
         .as('container')
         .find('[data-preview="Card"]')
@@ -68,14 +70,11 @@ describe('Card component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('Card no body section', () => {
     beforeEach(() => {
+      cy.visit('/#card');
       cy.get('[data-testid="Card-example-3"]')
         .as('container')
         .find('[data-preview="Card"]')
@@ -102,12 +101,5 @@ describe('Card component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-      cy.get('@container')
-        .find('textarea')
-        .should('not.exist');
-    });
   });
 });

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

@@ -7,6 +7,7 @@ describe('CardDs component', () => {
 
   describe('props and methods section', () => {
     beforeEach(() => {
+      cy.visit('/#cardds');
       cy.get('[data-testid="CardDs-container"] button[name="rsg-usage"]')
         .contains('Props & methods')
         .as('propsBtn');
@@ -36,6 +37,7 @@ describe('CardDs component', () => {
 
   describe('CardDs image and CTA section', () => {
     beforeEach(() => {
+      cy.visit('/#cardds');
       cy.get('[data-testid="CardDs-example-1"]')
         .as('container')
         .find('[data-preview="CardDs"]')
@@ -75,14 +77,11 @@ describe('CardDs component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('CardDs no Image with link section', () => {
     beforeEach(() => {
+      cy.visit('/#cardds');
       cy.get('[data-testid="CardDs-example-3"]')
         .as('container')
         .find('[data-preview="CardDs"]')
@@ -122,17 +121,11 @@ describe('CardDs component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-      cy.get('@container')
-        .find('textarea')
-        .should('not.exist');
-    });
   });
 
   describe('CardDs no image no link section', () => {
     beforeEach(() => {
+      cy.visit('/#cardds');
       cy.get('[data-testid="CardDs-example-5"]')
         .as('container')
         .find('[data-preview="CardDs"]')
@@ -161,25 +154,11 @@ describe('CardDs component', () => {
     it('has view code button', () => {
       cy.get('@viewCodeBtn').should('exist');
     });
-
-    it('shows code on click', () => {
-      cy.get('@viewCodeBtn').click();
-      cy.get('@container')
-        .find('textarea')
-        .should('exist');
-    });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-      cy.get('@container')
-        .find('textarea')
-        .should('not.exist');
-    });
   });
 
   describe('CardDs image, text, no link', () => {
     beforeEach(() => {
-      // Here
+      cy.visit('/#cardds');
       cy.get('[data-testid="CardDs-example-7"]')
         .as('container')
         .find('[data-preview="CardDs"]')
@@ -215,9 +194,5 @@ describe('CardDs component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 });

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

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

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

@@ -7,6 +7,7 @@ describe('Countdown component', () => {
 
   describe('props and methods section', () => {
     beforeEach(() => {
+      cy.visit('/#countdown');
       cy.get('[data-testid="Countdown-container"] button[name="rsg-usage"]')
         .contains('Props & methods')
         .as('propsBtn');
@@ -36,6 +37,7 @@ describe('Countdown component', () => {
 
   describe('Countdown section', () => {
     beforeEach(() => {
+      cy.visit('/#countdown');
       cy.get('[data-testid="Countdown-examples"]')
         .find('p')
         .contains('Limit is 365 days');
@@ -65,9 +67,5 @@ describe('Countdown component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 });

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

@@ -7,6 +7,7 @@ describe('Descriptor component', () => {
 
   describe('props and methods section', () => {
     beforeEach(() => {
+      cy.visit('/#descriptor');
       cy.get('[data-testid="Descriptor-container"] button[name="rsg-usage"]')
         .contains('Props & methods')
         .as('propsBtn');
@@ -36,6 +37,7 @@ describe('Descriptor component', () => {
 
   describe('Descriptor section: Descriptor-example-1', () => {
     beforeEach(() => {
+      cy.visit('/#descriptor');
       cy.get('[data-testid="Descriptor-examples"]')
         .find('h3')
         .contains('Descriptor Component');
@@ -82,14 +84,11 @@ describe('Descriptor component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 
   describe('Descriptor section: Descriptor-example-2', () => {
     beforeEach(() => {
+      cy.visit('/#descriptor');
       cy.get('[data-testid="Descriptor-examples"]')
         .find('h3')
         .contains('Descriptor Component');
@@ -139,9 +138,5 @@ describe('Descriptor component', () => {
         .find('textarea')
         .should('exist');
     });
-
-    it('closes code on click', () => {
-      cy.get('@viewCodeBtn').click();
-    });
   });
 });

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

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

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

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

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

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

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

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

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

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