test dynamic base url

.eslintrc.json

@@ -35,6 +35,7 @@
         "max-len": ["error", { "code": 250 }],
         "jest/no-large-snapshots": ["warn", { "maxSize": 12, "inlineMaxSize": 6 }],
         "jest/no-jasmine-globals": "off",
+        "jest/expect-expect": "off",
         "quotes": [1, "single", { "allowTemplateLiterals": true }],
         "@angular-eslint/component-selector": [
           "error",

cypress/integration/dashboard.spec.ts

@@ -1,13 +1,12 @@
 describe('dashboard', () => {
-
   before(() => cy.visit('/'));
 
   it('should default to dashboard', () => {
     cy.contains('Test Tour of Heroes');
     cy.url().should('include', 'dashboard');
   });
 
-  it('should nav to a heroes click and nav to heroes list on cancel, and nav back to dashboard ', () => {
+  it('should nav to a heroes click and nav to heroes list on cancel, and nav back to dashboard', () => {
     cy.get('.hero').first().click();
     cy.url().should('include', '/heroes/');
 
@@ -18,6 +17,5 @@ describe('dashboard', () => {
     cy.get('[routerlink="/dashboard"]').click();
     cy.url().should('include', 'dashboard');
     cy.get('.hero').should('have.length', 4);
-  })
-
+  });
 });

cypress/integration/dynanic-url.spec.ts

@@ -0,0 +1,32 @@
+/* eslint-disable jest/valid-expect-in-promise */
+describe('dynamic url', () => {
+  // Question: can we set a different baseUrl in a before block?
+  // setting baseUrl for it block works, no support for before block
+  // if using Cypress.config, the value gets sets for the entire test suite
+  // what can we do?
+
+  it('should use customized baseUrl', { baseUrl: 'https://d1kaucldkbcik4.cloudfront.net' }, () => {
+    // cy.then(() => {
+    //   Cypress.config('baseUrl', 'https://d1kaucldkbcik4.cloudfront.net');
+    // });
+    cy.visit('/');
+    cy.url().should('contain', 'https://d1kaucldkbcik4.cloudfront.net');
+    cy.contains('Test Tour of Heroes');
+    cy.url().should('include', 'dashboard');
+  });
+
+  it('should use default baseUrl', () => {
+    cy.visit('/');
+    cy.url().should('contain', 'http://localhost:4200');
+    cy.get('.hero').first().click();
+    cy.url().should('include', '/heroes/');
+
+    cy.get('.qa-cancel').click();
+    cy.url().should('include', '/heroes');
+    cy.get('.heroes >').should('have.length', 10);
+
+    cy.get('[routerlink="/dashboard"]').click();
+    cy.url().should('include', 'dashboard');
+    cy.get('.hero').should('have.length', 4);
+  });
+});