@comicrelief/component-library 7.19.1 → 7.19.2

package/cypress/integration/components/Molecules/ArticleTeaser.spec.js

@@ -1,111 +0,0 @@
-describe('ArticleTeaser component', () => {
-    before(() => {
-        // go to articleteaser component
-        cy.visit('/#articleteaser');
-    });
-
-    describe('props and methods section', () => {
-        beforeEach(() => {
-            cy.get('[data-testid="ArticleTeaser-container"] button[name="rsg-usage"]')
-                .contains('Props & methods')
-                .as('propsBtn');
-
-            cy.get('@propsBtn')
-                .closest('[class^=rsg--tabs]')
-                .as('container');
-        });
-
-        it('is present', () => {
-            cy.get('@propsBtn').should('exist');
-        });
-
-        it('does not show table initially', () => {
-            cy.get('@container')
-                .find('table')
-                .should('not.exist');
-        });
-
-        it('shows the table on button click', () => {
-            cy.get('@propsBtn').click();
-            cy.get('@container')
-                .find('table')
-                .should('contain', 'Prop name');
-        });
-    });
-
-    describe('Article Teaser section', () => {
-        beforeEach(() => {
-            cy.get('[data-testid="ArticleTeaser-example-1"]')
-                .as('container')
-                .find('[data-preview="ArticleTeaser"]')
-                .as('preview');
-
-            cy.get('@container')
-                .find('button')
-                .contains('View Code')
-                .as('viewCodeBtn');
-        });
-
-        //ArticleTeaser 1
-        it('renders article teaser', () => {
-            cy.get('@container')
-                .find('span')
-                .should('exist')
-                .contains(' 01 July 2019');
-            cy.get('@container')
-                .find('h3')
-                .should('exist')
-                .contains('News article');
-            cy.get('@container')
-                .find('span')
-                .should('exist')
-                .contains('4 min read');
-
-            //article teaser 2
-            cy.get('@container')
-                .find('div:nth-child(2) > article > a')
-                .as('container2')
-                .should('exist')
-                .contains('01 July 2019');
-            cy.get('@container2')
-                .find('h3')
-                .should('exist')
-                .contains('News article News article');
-            cy.get('@container2')
-                .find('span')
-                .should('exist')
-                .contains('4 min read');
-
-        });
-
-        //ArticleTeaser: Press Release
-        it('renders article teaser : press release', () => {
-            cy.get('[data-testid="ArticleTeaser-example-3"]')
-                .find('span')
-                .should('exist')
-                .contains('01 July 2019');
-            cy.get('[data-testid="ArticleTeaser-example-3"]')
-                .find('h3')
-                .should('exist')
-                .contains('Press Release');
-        });
-
-        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');
-        });
-    });
-});

package/cypress/integration/components/Molecules/Box.spec.js

@@ -1,112 +0,0 @@
-describe('Box component', () => {
-    before(() => {
-        // go to box component
-        cy.visit('/#box');
-    });
-
-    describe('props and methods section', () => {
-        beforeEach(() => {
-            cy.get('[data-testid="Box-container"] button[name="rsg-usage"]')
-                .contains('Props & methods')
-                .as('propsBtn');
-
-            cy.get('@propsBtn')
-                .closest('[class^=rsg--tabs]')
-                .as('container');
-        });
-
-        it('is present', () => {
-            cy.get('@propsBtn').should('exist');
-        });
-
-        it('does not show table initially', () => {
-            cy.get('@container')
-                .find('table')
-                .should('not.exist');
-        });
-
-        it('shows the table on button click', () => {
-            cy.get('@propsBtn').click();
-            cy.get('@container')
-                .find('table')
-                .should('contain', 'Prop name');
-        });
-    });
-
-    describe('Box example 1 section', () => {
-        beforeEach(() => {
-            cy.get('[data-testid="Box-example-1"]')
-                .as('container')
-                .find('[data-preview="Box"]')
-                .as('preview');
-
-            cy.get('@container')
-                .find('button')
-                .contains('View Code')
-                .as('viewCodeBtn');
-        });
-
-        it('renders box preview', () => {
-            cy.get('@container')
-                .find('h3')
-                .should('exist')
-                .contains('Title');
-            cy.get('@container')
-                .find('p')
-                .should('exist')
-                .contains('Text body copy description');
-        });
-
-        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();
-        });
-    });
-
-    describe('Box example 3 section', () => {
-        beforeEach(() => {
-            cy.get('[data-testid="Box-example-3"]')
-                .as('container')
-                .find('[data-preview="Box"]')
-                .as('preview');
-
-            cy.get('@container')
-                .find('button')
-                .contains('View Code')
-                .as('viewCodeBtn');
-        });
-
-        it('renders box preview', () => {
-            cy.get('@container')
-                .should('exist');
-        });
-
-        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');
-        });
-    });
-});

package/cypress/integration/components/Molecules/Card.spec.js

@@ -1,113 +0,0 @@
-describe('Card component', () => {
-    before(() => {
-        // go to card component
-        cy.visit('/#card');
-        cy.wait(2500)
-    });
-
-    describe('props and methods section', () => {
-        beforeEach(() => {
-            cy.get('[data-testid="Card-container"] button[name="rsg-usage"]')
-                .contains('Props & methods')
-                .as('propsBtn');
-
-            cy.get('@propsBtn')
-                .closest('[class^=rsg--tabs]')
-                .as('container');
-        });
-
-        it('is present', () => {
-            cy.get('@propsBtn').should('exist');
-        });
-
-        it('does not show table initially', () => {
-            cy.get('@container')
-                .find('table')
-                .should('not.exist');
-        });
-
-        it('shows the table on button click', () => {
-            cy.get('@propsBtn').click();
-            cy.get('@container')
-                .find('table')
-                .should('contain', 'Prop name');
-        });
-    });
-
-    describe('Card example 1 section', () => {
-        beforeEach(() => {
-            cy.get('[data-testid="Card-example-1"]')
-                .as('container')
-                .find('[data-preview="Card"]')
-                .as('preview');
-
-            cy.get('@container')
-                .find('button')
-                .contains('View Code')
-                .as('viewCodeBtn');
-        });
-
-        it('renders card preview', () => {
-            cy.get('@container')
-                .find('h3')
-                .should('exist')
-                .contains('Title');
-            cy.get('@container')
-                .find('p')
-                .should('exist')
-                .contains('Text body copy description');
-        });
-
-        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();
-        });
-    });
-
-    describe('Card no body section', () => {
-        beforeEach(() => {
-            cy.get('[data-testid="Card-example-3"]')
-                .as('container')
-                .find('[data-preview="Card"]')
-                .as('preview');
-
-            cy.get('@container')
-                .find('button')
-                .contains('View Code')
-                .as('viewCodeBtn');
-        });
-
-        it('renders card no body preview', () => {
-            cy.get('@container')
-                .should('exist');
-        });
-
-        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');
-        });
-    });
-});

package/cypress/integration/components/Molecules/DoubleCopy.spec.js

@@ -1,81 +0,0 @@
-describe('DoubleCopy component', () => {
-    before(() => {
-        // go to double copy component
-        cy.visit('/#doublecopy');
-    });
-
-    describe('props and methods section', () => {
-        beforeEach(() => {
-            cy.get('[data-testid="DoubleCopy-container"] button[name="rsg-usage"]')
-                .contains('Props & methods')
-                .as('propsBtn');
-
-            cy.get('@propsBtn')
-                .closest('[class^=rsg--tabs]')
-                .as('container');
-        });
-
-        it('is present', () => {
-            cy.get('@propsBtn').should('exist');
-        });
-
-        it('does not show table initially', () => {
-            cy.get('@container')
-                .find('table')
-                .should('not.exist');
-        });
-
-        it('shows the table on button click', () => {
-            cy.get('@propsBtn').click();
-            cy.get('@container')
-                .find('table')
-                .should('contain', 'Prop name');
-        });
-    });
-
-    describe('DoubleCopy section', () => {
-        beforeEach(() => {
-            cy.get('[data-testid="DoubleCopy-example-1"]')
-                .as('container')
-                .find('[data-preview="DoubleCopy"]')
-                .as('preview');
-
-            cy.get('@container')
-                .find('button')
-                .contains('View Code')
-                .as('viewCodeBtn');
-        });
-
-        it('renders doublecopy preview', () => {
-            cy.get('@container')
-                .find('h1')
-                .should('exist')
-                .contains('Left Copy');
-            cy.get('@container')
-                .find('p')
-                .should('exist');
-            cy.get('@container')
-                .find('div:nth-child(2) > div > h1')
-                .should('exist')
-                .contains('Right Copy');
-            cy.get('@container')
-                .find('div:nth-child(2) > div > p')
-                .should('exist')
-        });
-
-        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();
-        });
-    });
-});

package/cypress/integration/components/Molecules/HeroBanner.spec.js

@@ -1,71 +0,0 @@
-describe('Herobanner component', () => {
-    before(() => {
-        // go to herobanner component
-        cy.visit('/#herobanner');
-    });
-
-    describe('props and methods section', () => {
-        beforeEach(() => {
-            cy.get('[data-testid="HeroBanner-container"] button[name="rsg-usage"]')
-                .contains('Props & methods')
-                .as('propsBtn');
-
-            cy.get('@propsBtn')
-                .closest('[class^=rsg--tabs]')
-                .as('container');
-        });
-
-        it('is present', () => {
-            cy.get('@propsBtn').should('exist');
-        });
-
-        it('does not show table initially', () => {
-            cy.get('@container')
-                .find('table')
-                .should('not.exist');
-        });
-
-        it('shows the table on button click', () => {
-            cy.get('@propsBtn').click();
-            cy.get('@container')
-                .find('table')
-                .should('contain', 'Prop name');
-        });
-    });
-
-    describe('HeroBanner section', () => {
-        beforeEach(() => {
-            cy.get('[data-testid="HeroBanner-example-1"]')
-                .as('container')
-                .find('[data-preview="HeroBanner"]')
-                .as('preview');
-
-            cy.get('@container')
-                .find('button')
-                .contains('View Code')
-                .as('viewCodeBtn');
-        });
-
-        it('renders HeroBanner preview', () => {
-            cy.get('@container')
-                .find('h1')
-                .should('exist')
-                .contains('Change Please')
-        });
-
-        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();
-        });
-    });
-});

package/cypress/integration/components/Molecules/InfoBanner.spec.js

@@ -1,71 +0,0 @@
-describe('infobanner component', () => {
-    before(() => {
-        // go to infobanner component
-        cy.visit('/#infobanner');
-    });
-
-    describe('props and methods section', () => {
-        beforeEach(() => {
-            cy.get('[data-testid="InfoBanner-container"] button[name="rsg-usage"]')
-                .contains('Props & methods')
-                .as('propsBtn');
-
-            cy.get('@propsBtn')
-                .closest('[class^=rsg--tabs]')
-                .as('container');
-        });
-
-        it('is present', () => {
-            cy.get('@propsBtn').should('exist');
-        });
-
-        it('does not show table initially', () => {
-            cy.get('@container')
-                .find('table')
-                .should('not.exist');
-        });
-
-        it('shows the table on button click', () => {
-            cy.get('@propsBtn').click();
-            cy.get('@container')
-                .find('table')
-                .should('contain', 'Prop name');
-        });
-    });
-
-    describe('Infobanner section', () => {
-        beforeEach(() => {
-            cy.get('[data-testid="InfoBanner-example-1"]')
-                .as('container')
-                .find('[data-preview="InfoBanner"]')
-                .as('preview');
-
-            cy.get('@container')
-                .find('button')
-                .contains('View Code')
-                .as('viewCodeBtn');
-        });
-
-        it('renders Infobanner preview', () => {
-            cy.get('@container')
-                .find('h3')
-                .should('exist')
-                .contains('Project Name')
-        });
-
-        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();
-        });
-    });
-});

package/cypress/integration/components/Molecules/PartnerLink.spec.js

@@ -1,70 +0,0 @@
-describe('PartnerLink component', () => {
-    before(() => {
-        // go to partnerLink component
-        cy.visit('/#partnerlink');
-    });
-
-    describe('props and methods section', () => {
-        beforeEach(() => {
-            cy.get('[data-testid="PartnerLink-container"] button[name="rsg-usage"]')
-                .contains('Props & methods')
-                .as('propsBtn');
-
-            cy.get('@propsBtn')
-                .closest('[class^=rsg--tabs]')
-                .as('container');
-        });
-
-        it('is present', () => {
-            cy.get('@propsBtn').should('exist');
-        });
-
-        it('does not show table initially', () => {
-            cy.get('@container')
-                .find('table')
-                .should('not.exist');
-        });
-
-        it('shows the table on button click', () => {
-            cy.get('@propsBtn').click();
-            cy.get('@container')
-                .find('table')
-                .should('contain', 'Prop name');
-        });
-    });
-
-    describe('Partnerlink section', () => {
-        beforeEach(() => {
-            cy.get('[data-testid="PartnerLink-example-1"]')
-                .as('container')
-                .find('[data-preview="PartnerLink"]')
-                .as('preview');
-
-            cy.get('@container')
-                .find('button')
-                .contains('View Code')
-                .as('viewCodeBtn');
-        });
-
-        it('renders Partnerlink preview', () => {
-            cy.get('@container')
-                .find('span')
-                .contains('Find out more')
-        });
-
-        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();
-        });
-    });
-});