fix: dont navigate on each test, and remove unnecessary gets from cyp…

…ress suite (#281)
aws-amplify · Dec 7, 2021 · c72e66c · c72e66c
1 parent 2f7f806
commit c72e66c
Show file tree

Hide file tree

Showing 10 changed files with 55 additions and 354 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/codegen-ui-react/package-lock.json b/packages/codegen-ui-react/package-lock.json
diff --git a/packages/codegen-ui/package-lock.json b/packages/codegen-ui/package-lock.json
diff --git a/...lates/cypress/integration/complex-spec.js → ...lates/cypress/integration/complex-spec.ts b/...lates/cypress/integration/complex-spec.js → ...lates/cypress/integration/complex-spec.ts
@@ -14,12 +14,11 @@
   limitations under the License.
  */
 describe('Complex Components', () => {
-  it('Successfully opens the app', () => {
+  before(() => {
     cy.visit('http://localhost:3000/complex-tests');
   });
 
   it('Complex 1', () => {
-    cy.visit('http://localhost:3000/complex-tests');
     cy.get('#complex-test-1').within(() => {
       cy.get('.amplify-flex')
         .should(
@@ -41,7 +40,6 @@ describe('Complex Components', () => {
   });
 
   it('Complex 2', () => {
-    cy.visit('http://localhost:3000/complex-tests');
     cy.get('#complex-test-2').within(() => {
       cy.get('.amplify-flex')
         .should(
@@ -81,7 +79,6 @@ describe('Complex Components', () => {
   });
 
   it('Complex 3', () => {
-    cy.visit('http://localhost:3000/complex-tests');
     cy.get('#complex-test-3').within(() => {
       cy.get('.amplify-flex')
         .should(
@@ -127,7 +124,6 @@ describe('Complex Components', () => {
   });
 
   it('Complex 4', () => {
-    cy.visit('http://localhost:3000/complex-tests');
     cy.get('#complex-test-4').within(() => {
       cy.get('.amplify-flex')
         .should(
@@ -164,7 +160,6 @@ describe('Complex Components', () => {
   });
 
   it('Complex 5', () => {
-    cy.visit('http://localhost:3000/complex-tests');
     cy.get('#complex-test-5').within(() => {
       cy.get('.amplify-flex')
         .should(
@@ -195,7 +190,6 @@ describe('Complex Components', () => {
   });
 
   it('Complex 6', () => {
-    cy.visit('http://localhost:3000/complex-tests');
     cy.get('#complex-test-6').within(() => {
       cy.get('.amplify-flex')
         .should(
@@ -239,7 +233,6 @@ describe('Complex Components', () => {
   });
 
   it('Complex 7', () => {
-    cy.visit('http://localhost:3000/complex-tests');
     cy.get('#complex-test-7').within(() => {
       cy.get('div')
         .should('have.attr', 'style', 'height: 192px; padding: 0px; position: relative; width: 401px;')
@@ -279,7 +272,6 @@ describe('Complex Components', () => {
   });
 
   it('Complex 8', () => {
-    cy.visit('http://localhost:3000/complex-tests');
     cy.get('#complex-test-8').within(() => {
       cy.get('.amplify-flex')
         .should(

diff --git a/...ates/cypress/integration/generate-spec.js → ...ates/cypress/integration/generate-spec.ts b/...ates/cypress/integration/generate-spec.js → ...ates/cypress/integration/generate-spec.ts
@@ -24,12 +24,11 @@ const EXPECTED_INTERNAL_ERROR_CASES = new Set([]);
 const TARGET_GENERATORS = ['ES2016_TSX', 'ES2016_JSX', 'ES5_TSX', 'ES5_JSX'];
 
 describe('Generate Components', () => {
-  it('Loads the page', () => {
+  before(() => {
     cy.visit('http://localhost:3000/generate-tests');
   });
 
   it('Can generate all expected rows successfully', () => {
-    cy.visit('http://localhost:3000/generate-tests');
     cy.get('.generateTest').each(($element) => {
       const className = $element.attr('id').replace('generateTest', '');
       cy.wrap($element).within(() => {