From 461e2309829e6532b3eea4b13e26f8271441cb5a Mon Sep 17 00:00:00 2001 From: Yinka Adedire Date: Mon, 27 Jun 2022 19:18:32 +0100 Subject: [PATCH 01/21] remove cypress from codebase --- README.md | 27 +- cypress.json | 3 - cypress/fixtures/example.json | 5 - cypress/integration/examples/actions.spec.js | 299 ------------------ cypress/integration/examples/aliasing.spec.js | 39 --- .../integration/examples/assertions.spec.js | 177 ----------- .../integration/examples/connectors.spec.js | 97 ------ cypress/integration/examples/cookies.spec.js | 77 ----- .../integration/examples/cypress_api.spec.js | 202 ------------ cypress/integration/examples/files.spec.js | 89 ------ .../examples/local_storage.spec.js | 52 --- cypress/integration/examples/location.spec.js | 32 -- cypress/integration/examples/misc.spec.js | 104 ------ .../integration/examples/navigation.spec.js | 56 ---- .../examples/network_requests.spec.js | 163 ---------- cypress/integration/examples/querying.spec.js | 114 ------- .../examples/spies_stubs_clocks.spec.js | 205 ------------ .../integration/examples/traversal.spec.js | 121 ------- .../integration/examples/utilities.spec.js | 110 ------- cypress/integration/examples/viewport.spec.js | 59 ---- cypress/integration/examples/waiting.spec.js | 31 -- cypress/integration/examples/window.spec.js | 22 -- cypress/integration/features/burn.spec.ts | 12 - cypress/integration/features/mint.spec.ts | 12 - cypress/integration/features/swap.spec.ts | 12 - cypress/integration/features/trade.spec.ts | 12 - cypress/plugins/index.js | 21 -- cypress/support/commands.js | 1 - cypress/support/index.d.ts | 5 - cypress/support/index.js | 20 -- cypress/tsconfig.json | 8 - package.json | 2 - 32 files changed, 11 insertions(+), 2178 deletions(-) delete mode 100644 cypress.json delete mode 100644 cypress/fixtures/example.json delete mode 100644 cypress/integration/examples/actions.spec.js delete mode 100644 cypress/integration/examples/aliasing.spec.js delete mode 100644 cypress/integration/examples/assertions.spec.js delete mode 100644 cypress/integration/examples/connectors.spec.js delete mode 100644 cypress/integration/examples/cookies.spec.js delete mode 100644 cypress/integration/examples/cypress_api.spec.js delete mode 100644 cypress/integration/examples/files.spec.js delete mode 100644 cypress/integration/examples/local_storage.spec.js delete mode 100644 cypress/integration/examples/location.spec.js delete mode 100644 cypress/integration/examples/misc.spec.js delete mode 100644 cypress/integration/examples/navigation.spec.js delete mode 100644 cypress/integration/examples/network_requests.spec.js delete mode 100644 cypress/integration/examples/querying.spec.js delete mode 100644 cypress/integration/examples/spies_stubs_clocks.spec.js delete mode 100644 cypress/integration/examples/traversal.spec.js delete mode 100644 cypress/integration/examples/utilities.spec.js delete mode 100644 cypress/integration/examples/viewport.spec.js delete mode 100644 cypress/integration/examples/waiting.spec.js delete mode 100644 cypress/integration/examples/window.spec.js delete mode 100644 cypress/integration/features/burn.spec.ts delete mode 100644 cypress/integration/features/mint.spec.ts delete mode 100644 cypress/integration/features/swap.spec.ts delete mode 100644 cypress/integration/features/trade.spec.ts delete mode 100644 cypress/plugins/index.js delete mode 100644 cypress/support/commands.js delete mode 100644 cypress/support/index.d.ts delete mode 100644 cypress/support/index.js delete mode 100644 cypress/tsconfig.json diff --git a/README.md b/README.md index 2452d299..2722d5bb 100644 --- a/README.md +++ b/README.md @@ -23,10 +23,6 @@ Contains setup files for [Storybook](https://storybook.js.org/), a solution for After building the app, the files are located here. -### cypress - -Contains end-to-end test suites and set up files for [Cypress](https://www.cypress.io/), our browser integration testing engine. - ### data Contains markdown files that are compiled at build time to `src/data.json`, where it is consumed and turned into UI components. @@ -51,15 +47,14 @@ Contains the configuration logic for the socket server's webpack build, as well ### Tools of Choice -| TOOL | LEARN MORE | WHAT IT'S FOR | -| ---------------- | ------------------------------- | ---------------------------------------------------------------------------------------- | -| Create-React-App | https://create-react-app.dev/ | React is a view library for creating components. | -| Redux | https://redux.js.org/ | Redux is a library for handling state managements. | -| React-Redux | https://react-redux.js.org/ | React-Redux connects a React app with a Redux data store. | -| Redux Toolkit | https://redux-toolkit.js.org/ | Redux Toolkit is an opinion toolset and pattern for Redux. | -| Ant Design | https://ant.design/ | Ant Design is a UI framework that contains React components. | -| Storybook | https://storybook.js.org/ | Storybook allows developers to view components in isolation. | -| Cypress | https://cypress.io/ | Cypress is an end-to-end test engine that automates quality assurance testing in Chrome. | -| Typescript | https://www.typescriptlang.org/ | TypeScript is a superset of ECMAScript that provides a robust build-time type solution. | -| Formik | https://formik.org/ | Formik is a form solution to make forms easier in React. | -| Ethers | https://docs.ethers.io/v5/ | Ethers is an all-in-one library for interacting with the Ethereum blockchain. | +| TOOL | LEARN MORE | WHAT IT'S FOR | +| ---------------- | ------------------------------- | --------------------------------------------------------------------------------------- | +| Create-React-App | https://create-react-app.dev/ | React is a view library for creating components. | +| Redux | https://redux.js.org/ | Redux is a library for handling state managements. | +| React-Redux | https://react-redux.js.org/ | React-Redux connects a React app with a Redux data store. | +| Redux Toolkit | https://redux-toolkit.js.org/ | Redux Toolkit is an opinion toolset and pattern for Redux. | +| Ant Design | https://ant.design/ | Ant Design is a UI framework that contains React components. | +| Storybook | https://storybook.js.org/ | Storybook allows developers to view components in isolation. | +| Typescript | https://www.typescriptlang.org/ | TypeScript is a superset of ECMAScript that provides a robust build-time type solution. | +| Formik | https://formik.org/ | Formik is a form solution to make forms easier in React. | +| Ethers | https://docs.ethers.io/v5/ | Ethers is an all-in-one library for interacting with the Ethereum blockchain. | diff --git a/cypress.json b/cypress.json deleted file mode 100644 index b471a6a5..00000000 --- a/cypress.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "baseUrl": "http://localhost:8000" -} diff --git a/cypress/fixtures/example.json b/cypress/fixtures/example.json deleted file mode 100644 index da18d935..00000000 --- a/cypress/fixtures/example.json +++ /dev/null @@ -1,5 +0,0 @@ -{ - "name": "Using fixtures to represent data", - "email": "hello@cypress.io", - "body": "Fixtures are a great way to mock data for responses to routes" -} \ No newline at end of file diff --git a/cypress/integration/examples/actions.spec.js b/cypress/integration/examples/actions.spec.js deleted file mode 100644 index 09263799..00000000 --- a/cypress/integration/examples/actions.spec.js +++ /dev/null @@ -1,299 +0,0 @@ -/// - -context('Actions', () => { - beforeEach(() => { - cy.visit('https://example.cypress.io/commands/actions') - }) - - // https://on.cypress.io/interacting-with-elements - - it('.type() - type into a DOM element', () => { - // https://on.cypress.io/type - cy.get('.action-email') - .type('fake@email.com').should('have.value', 'fake@email.com') - - // .type() with special character sequences - .type('{leftarrow}{rightarrow}{uparrow}{downarrow}') - .type('{del}{selectall}{backspace}') - - // .type() with key modifiers - .type('{alt}{option}') //these are equivalent - .type('{ctrl}{control}') //these are equivalent - .type('{meta}{command}{cmd}') //these are equivalent - .type('{shift}') - - // Delay each keypress by 0.1 sec - .type('slow.typing@email.com', { delay: 100 }) - .should('have.value', 'slow.typing@email.com') - - cy.get('.action-disabled') - // Ignore error checking prior to type - // like whether the input is visible or disabled - .type('disabled error checking', { force: true }) - .should('have.value', 'disabled error checking') - }) - - it('.focus() - focus on a DOM element', () => { - // https://on.cypress.io/focus - cy.get('.action-focus').focus() - .should('have.class', 'focus') - .prev().should('have.attr', 'style', 'color: orange;') - }) - - it('.blur() - blur off a DOM element', () => { - // https://on.cypress.io/blur - cy.get('.action-blur').type('About to blur').blur() - .should('have.class', 'error') - .prev().should('have.attr', 'style', 'color: red;') - }) - - it('.clear() - clears an input or textarea element', () => { - // https://on.cypress.io/clear - cy.get('.action-clear').type('Clear this text') - .should('have.value', 'Clear this text') - .clear() - .should('have.value', '') - }) - - it('.submit() - submit a form', () => { - // https://on.cypress.io/submit - cy.get('.action-form') - .find('[type="text"]').type('HALFOFF') - - cy.get('.action-form').submit() - .next().should('contain', 'Your form has been submitted!') - }) - - it('.click() - click on a DOM element', () => { - // https://on.cypress.io/click - cy.get('.action-btn').click() - - // You can click on 9 specific positions of an element: - // ----------------------------------- - // | topLeft top topRight | - // | | - // | | - // | | - // | left center right | - // | | - // | | - // | | - // | bottomLeft bottom bottomRight | - // ----------------------------------- - - // clicking in the center of the element is the default - cy.get('#action-canvas').click() - - cy.get('#action-canvas').click('topLeft') - cy.get('#action-canvas').click('top') - cy.get('#action-canvas').click('topRight') - cy.get('#action-canvas').click('left') - cy.get('#action-canvas').click('right') - cy.get('#action-canvas').click('bottomLeft') - cy.get('#action-canvas').click('bottom') - cy.get('#action-canvas').click('bottomRight') - - // .click() accepts an x and y coordinate - // that controls where the click occurs :) - - cy.get('#action-canvas') - .click(80, 75) // click 80px on x coord and 75px on y coord - .click(170, 75) - .click(80, 165) - .click(100, 185) - .click(125, 190) - .click(150, 185) - .click(170, 165) - - // click multiple elements by passing multiple: true - cy.get('.action-labels>.label').click({ multiple: true }) - - // Ignore error checking prior to clicking - cy.get('.action-opacity>.btn').click({ force: true }) - }) - - it('.dblclick() - double click on a DOM element', () => { - // https://on.cypress.io/dblclick - - // Our app has a listener on 'dblclick' event in our 'scripts.js' - // that hides the div and shows an input on double click - cy.get('.action-div').dblclick().should('not.be.visible') - cy.get('.action-input-hidden').should('be.visible') - }) - - it('.rightclick() - right click on a DOM element', () => { - // https://on.cypress.io/rightclick - - // Our app has a listener on 'contextmenu' event in our 'scripts.js' - // that hides the div and shows an input on right click - cy.get('.rightclick-action-div').rightclick().should('not.be.visible') - cy.get('.rightclick-action-input-hidden').should('be.visible') - }) - - it('.check() - check a checkbox or radio element', () => { - // https://on.cypress.io/check - - // By default, .check() will check all - // matching checkbox or radio elements in succession, one after another - cy.get('.action-checkboxes [type="checkbox"]').not('[disabled]') - .check().should('be.checked') - - cy.get('.action-radios [type="radio"]').not('[disabled]') - .check().should('be.checked') - - // .check() accepts a value argument - cy.get('.action-radios [type="radio"]') - .check('radio1').should('be.checked') - - // .check() accepts an array of values - cy.get('.action-multiple-checkboxes [type="checkbox"]') - .check(['checkbox1', 'checkbox2']).should('be.checked') - - // Ignore error checking prior to checking - cy.get('.action-checkboxes [disabled]') - .check({ force: true }).should('be.checked') - - cy.get('.action-radios [type="radio"]') - .check('radio3', { force: true }).should('be.checked') - }) - - it('.uncheck() - uncheck a checkbox element', () => { - // https://on.cypress.io/uncheck - - // By default, .uncheck() will uncheck all matching - // checkbox elements in succession, one after another - cy.get('.action-check [type="checkbox"]') - .not('[disabled]') - .uncheck().should('not.be.checked') - - // .uncheck() accepts a value argument - cy.get('.action-check [type="checkbox"]') - .check('checkbox1') - .uncheck('checkbox1').should('not.be.checked') - - // .uncheck() accepts an array of values - cy.get('.action-check [type="checkbox"]') - .check(['checkbox1', 'checkbox3']) - .uncheck(['checkbox1', 'checkbox3']).should('not.be.checked') - - // Ignore error checking prior to unchecking - cy.get('.action-check [disabled]') - .uncheck({ force: true }).should('not.be.checked') - }) - - it('.select() - select an option in a