@comicrelief/component-library 7.19.0 → 7.19.2

package/cypress/integration/components/Atoms/Text.spec.js

@@ -1,180 +0,0 @@
-describe('Text component', () => {
-    before(() => {
-        // go to text component
-        cy.visit('/#text');
-    });
-
-    describe('props and methods section', () => {
-        beforeEach(() => {
-            cy.get('[data-testid="Text-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('Text section', () => {
-        beforeEach(() => {
-            cy.get('[data-testid="Text-example-0"]')
-                .as('container')
-                .find('[data-preview="Text"]')
-                .as('preview');
-
-            cy.get('@container')
-                .find('button')
-                .contains('View Code')
-                .as('viewCodeBtn');
-        });
-
-        it('renders text section', () => {
-            //H1
-            cy.get('@container')
-                .find('h1')
-                .should('exist')
-                .contains('family: Anton weight: Regular size: 80px / 5rem / super');
-            //H2
-            cy.get('@container')
-                .find('h2')
-                .should('exist')
-                .contains('family: Anton weight: Regular size: 64px / 4rem / big');
-            //H3
-            cy.get('@container')
-                .find('h3')
-                .should('exist')
-                .contains('family: Anton weight: Regular size: 48px / 3rem / xxl');
-            //H4
-            cy.get('@container')
-                .find('h4')
-                .should('exist')
-                .contains('family: Anton weight: Regular size: 32px / 2rem / xl');
-            //H5
-            cy.get('@container')
-                .find('h4')
-                .should('exist')
-                .contains('family: Anton weight: Regular size: 24px / 1.5rem / l');
-            //Body1
-            cy.get('@container')
-                .find('p')
-                .should('exist')
-                .contains('family: Montserrat weight: Regular size: 20px / 1.25rem / m');
-            //Body2
-            cy.get('@container')
-                .find('p')
-                .should('exist')
-                .contains('family: Montserrat weight: Regular size: 16px / 1rem / s');
-        });
-
-        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('Text section', () => {
-        beforeEach(() => {
-            cy.get('[data-testid="Text-example-2"]')
-                .as('container')
-                .find('[data-preview="Text"]')
-                .as('preview');
-
-            cy.get('@container')
-                .find('button')
-                .contains('View Code')
-                .as('viewCodeBtn');
-        });
-
-        it('renders Sport Relief text section', () => {
-            //H1
-            cy.get('@container')
-                .find('h1')
-                .should('exist')
-                .contains('Heading 1');
-            //H2
-            cy.get('@container')
-                .find('h2')
-                .should('exist')
-                .contains('Heading 2');
-            //H3
-            cy.get('@container')
-                .find('h3')
-                .should('exist')
-                .contains('Heading 3');
-            //H4
-            cy.get('@container')
-                .find('h4')
-                .should('exist')
-                .contains('Heading 4');
-            //H5
-            cy.get('@container')
-                .find('h4')
-                .should('exist')
-                .contains('Heading 5');
-            //Body1
-            cy.get('@container')
-                .find('p')
-                .should('exist')
-                .contains('Body 1');
-            //Body2
-            cy.get('@container')
-                .find('p')
-                .should('exist')
-                .contains('Body 2');
-            //Bold and uppercase
-            cy.get('@container')
-                .find('p')
-                .should('exist')
-                .contains('Bold and Uppercase');
-        });
-
-        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/Atoms/TextArea.spec.js

@@ -1,91 +0,0 @@
-describe('TextArea component', () => {
-    before(() => {
-        // go to text area component
-        cy.visit('/#textarea');
-    });
-
-    describe('props and methods section', () => {
-        beforeEach(() => {
-            cy.get('[data-testid="TextArea-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('Text Area section', () => {
-        beforeEach(() => {
-            cy.get('[data-testid="TextArea-example-1"]')
-                .as('container')
-                .find('[data-preview="TextArea"]')
-                .as('preview');
-
-            cy.get('@container')
-                .find('button')
-                .contains('View Code')
-                .as('viewCodeBtn');
-        });
-
-        //Long copy/Message field
-        it('renders Long copy/Message field section', () => {
-            cy.get('@container')
-                .find('h4')
-                .should('exist')
-                .contains('Long copy/Message field');
-            cy.get('@container')
-                .find('label:nth-child(2) > textarea')
-                .should('exist')
-                .type('This is a test text');
-        });
-
-        //Long copy/Message field with error message
-        it('renders Long copy/Message field with error message', () => {
-            cy.get('@container')
-                .find('h4')
-                .should('exist')
-                .contains('Long copy/Message field');
-            cy.get('@container')
-                .find('label:nth-child(4) > span')
-                .should('exist')
-                .contains('This is an error message');
-            cy.get('@container')
-                .find('label:nth-child(4) > textarea')
-                .type('This is a test text 2')
-        });
-
-        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/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();
-        });
-    });
-});