@comicrelief/component-library 7.24.0 → 7.24.2

package/cypress/e2e/components/atoms/textInputWithDrop.cy.js

@@ -1,76 +0,0 @@
-describe('Text Input With Dropdown component', () => {
-  before(() => {
-    // go to textinputwithdropdown component
-    cy.visit('/#textinputwithdropdown');
-  });
-
-  describe('props and methods section', () => {
-    beforeEach(() => {
-      cy.visit('/#textinputwithdropdown');
-      cy.get('[data-testid="TextInputWithDropdown-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('TextInputWithDropdown section', () => {
-    beforeEach(() => {
-      cy.visit('/#textinputwithdropdown');
-      cy.get('[data-testid="TextInputWithDropdown-examples"]')
-        .as('container')
-        .find('[data-preview="TextInputWithDropdown"]')
-        .as('preview');
-
-      cy.get('@container')
-        .find('button')
-        .contains('View Code')
-        .as('viewCodeBtn');
-    });
-
-    it('renders text input with dropdown field section', () => {
-      cy.get('@container')
-        .find('h1')
-        .should('exist')
-        .contains('TextInputWithDropdown');
-      cy.get('@container')
-        .find('#input-with-dropdown')
-        .should('exist')
-        .type('This is a test text');
-      cy.get('@container')
-        .find('ul > li:nth-child(2)') // first option
-        .click();
-    });
-
-    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');
-    });
-  });
-});

package/cypress/e2e/components/molecules/accordion.cy.js

@@ -1,67 +0,0 @@
-describe('Accordion component', () => {
-  before(() => {
-    // go to accordion component
-    cy.visit('/#accordion');
-  });
-
-  describe('props and methods section', () => {
-    beforeEach(() => {
-      cy.visit('/#accordion');
-      cy.get('[data-testid="Accordion-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('Accordion section', () => {
-    beforeEach(() => {
-      cy.visit('/#accordion');
-      cy.get('[data-testid="Accordion-example-1"]')
-        .as('container')
-        .find('[data-preview="Accordion"]')
-        .as('preview');
-
-      cy.get('@container')
-        .find('button')
-        .contains('View Code')
-        .as('viewCodeBtn');
-    });
-
-    it('clicking svg dropdown icon should element p', () => {
-      cy.get('[data-testid="Accordion-example-1"] button > div').click();
-      cy.get('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');
-    });
-  });
-});

package/cypress/e2e/components/molecules/articleTeaser.cy.js

@@ -1,105 +0,0 @@
-describe('ArticleTeaser component', () => {
-  before(() => {
-    // go to articleteaser component
-    cy.visit('/#articleteaser');
-  });
-
-  describe('props and methods section', () => {
-    beforeEach(() => {
-      cy.visit('/#articleteaser');
-      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.visit('/#articleteaser');
-      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');
-    });
-  });
-});

package/cypress/e2e/components/molecules/banner.cy.js

@@ -1,67 +0,0 @@
-describe('Banner component', () => {
-  before(() => {
-    // go to banner component
-    cy.visit('/#banner');
-  });
-
-  describe('props and methods section', () => {
-    beforeEach(() => {
-      cy.visit('/#banner');
-      cy.get('[data-testid="Banner-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('Banner section', () => {
-    beforeEach(() => {
-      cy.visit('/#banner');
-      cy.get('[data-testid="Banner-example-1"]')
-        .as('container')
-        .find('[data-preview="Banner"]')
-        .as('preview');
-
-      cy.get('@container')
-        .find('button')
-        .contains('View Code')
-        .as('viewCodeBtn');
-    });
-
-    it('should show element p with text', () => {
-      cy.get('@container')
-        .find('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');
-    });
-  });
-});

package/cypress/e2e/components/molecules/box.cy.js

@@ -1,104 +0,0 @@
-describe('Box component', () => {
-  before(() => {
-    // go to box component
-    cy.visit('/#box');
-  });
-
-  describe('props and methods section', () => {
-    beforeEach(() => {
-      cy.visit('/#box');
-      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.visit('/#box');
-      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');
-    });
-  });
-
-  describe('Box example 3 section', () => {
-    beforeEach(() => {
-      cy.visit('/#box');
-      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');
-    });
-  });
-});

package/cypress/e2e/components/molecules/card.cy.js

@@ -1,105 +0,0 @@
-describe('Card component', () => {
-  before(() => {
-    // go to card component
-    cy.visit('/#card');
-    cy.wait(2500)
-  });
-
-  describe('props and methods section', () => {
-    beforeEach(() => {
-      cy.visit('/#card');
-      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.visit('/#card');
-      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');
-    });
-  });
-
-  describe('Card no body section', () => {
-    beforeEach(() => {
-      cy.visit('/#card');
-      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');
-    });
-  });
-});