Add rate-explorer tests for some dynamic content

test/cypress/integration/consumer-tools/owning-a-home/explore-rates-helpers.cy.js

@@ -1,13 +1,59 @@
 export class ExploreRates {
- open() {
- cy.visit('/owning-a-home/explore-rates/');
- }
-
  selectState(state) {
  cy.get('#location').select(state);
  }
 
- graph() {
+ selectRateType(val) {
+ this.getRateTypeSelector().select(val);
+ }
+
+ selectLoanType(val) {
+ this.getLoanTypeSelector().select(val);
+ }
+
+ selectCounty(val) {
+ this.getCountySelector().select(val);
+ }
+
+ getHousePriceInput() {
+ return cy.get('#house-price');
+ }
+
+ getCountySelector() {
+ return cy.get('#county');
+ }
+
+ getCountyAlert() {
+ return cy.get('#county-warning');
+ }
+
+ getHighBalanceAlert() {
+ return cy.get('#hb-warning');
+ }
+
+ // Loan type and term drop-down menus.
+ getRateTypeSelector() {
+ return cy.get('#rate-structure');
+ }
+
+ getLoanTermSelector() {
+ return cy.get('#loan-term');
+ }
+
+ getLoanTypeSelector() {
+ return cy.get('#loan-type');
+ }
+
+ getArmTypeSelector() {
+ return cy.get('#arm-type');
+ }
+
+ // Main graph area.
+ getGraph() {
  return cy.get('#chart-section').within(() => cy.get('figure:first'));
  }
+
+ getChartResultAlert() {
+ return cy.get('#chart-result-alert');
+ }
 }

test/cypress/integration/consumer-tools/owning-a-home/owning-a-home.cy.js

@@ -4,10 +4,114 @@ const exploreRates = new ExploreRates();
 
 describe('Owning a Home', () => {
  describe('Explore Rates', () => {
+ beforeEach(() => {
+ cy.visit('/owning-a-home/explore-rates/');
+ });
  it('Should load the interest rates graph when a state has changed', () => {
- exploreRates.open();
  exploreRates.selectState('Virginia');
- exploreRates.graph().should('exist');
+ exploreRates.getGraph().should('exist');
+ });
+
+ it('Should display high balance FHA loan when house price is high', () => {
+ exploreRates.getHousePriceInput().type('400000');
+ exploreRates.getCountySelector().should('not.be.visible');
+ exploreRates.getCountyAlert().should('not.be.visible');
+ exploreRates
+ .getLoanTypeSelector()
+ .get('[value="fha-hb"]')
+ .should('not.exist');
+ exploreRates.getHighBalanceAlert().should('not.be.visible');
+
+ exploreRates.selectLoanType('fha');
+ exploreRates.getCountySelector().should('be.visible');
+ exploreRates.getCountyAlert().should('be.visible');
+ exploreRates.selectCounty('Baldwin');
+ exploreRates.getLoanTypeSelector().get('[value="conf"]').should('exist');
+ exploreRates.getLoanTypeSelector().get('[value="fha"]').should('exist');
+ exploreRates.getLoanTypeSelector().get('[value="va"]').should('exist');
+ exploreRates
+ .getLoanTypeSelector()
+ .get('[value="fha-hb"]')
+ .should('exist');
+ exploreRates.getHighBalanceAlert().should('be.visible');
+ });
+
+ it('Should display high balance VA loan when house price is high', () => {
+ exploreRates.getHousePriceInput().type('600000');
+ exploreRates.getCountySelector().should('be.visible');
+ exploreRates.getCountyAlert().should('be.visible');
+ exploreRates
+ .getLoanTypeSelector()
+ .get('[value="va-hb"]')
+ .should('not.exist');
+ exploreRates.getHighBalanceAlert().should('not.be.visible');
+
+ exploreRates.selectLoanType('va');
+ exploreRates.selectCounty('Baldwin');
+ exploreRates.getLoanTypeSelector().get('[value="conf"]').should('exist');
+ exploreRates.getLoanTypeSelector().get('[value="fha"]').should('exist');
+ exploreRates.getLoanTypeSelector().get('[value="va"]').should('exist');
+ exploreRates.getLoanTypeSelector().get('[value="va-hb"]').should('exist');
+ exploreRates.getHighBalanceAlert().should('be.visible');
+ });
+
+ it('Should display conforming jumbo loan type when house price is very high', () => {
+ exploreRates.getHousePriceInput().type('700000');
+ exploreRates.getCountySelector().should('be.visible');
+ exploreRates.getCountyAlert().should('be.visible');
+ exploreRates
+ .getLoanTypeSelector()
+ .get('[value="agency"]')
+ .should('not.exist');
+ exploreRates.getHighBalanceAlert().should('not.be.visible');
+ exploreRates.selectCounty('Baldwin');
+ exploreRates
+ .getLoanTypeSelector()
+ .get('[value="agency"]')
+ .should('exist');
+ exploreRates.getHighBalanceAlert().should('be.visible');
+ });
+
+ it('Should display non-conforming jumbo loan type when house price is very very high', () => {
+ exploreRates.getHousePriceInput().type('1000000');
+ exploreRates.getCountySelector().should('be.visible');
+ exploreRates.getCountyAlert().should('be.visible');
+ exploreRates
+ .getLoanTypeSelector()
+ .get('[value="jumbo"]')
+ .should('not.exist');
+ exploreRates.getHighBalanceAlert().should('not.be.visible');
+ exploreRates.selectCounty('Baldwin');
+ exploreRates.getLoanTypeSelector().get('[value="jumbo"]').should('exist');
+ exploreRates.getHighBalanceAlert().should('be.visible');
+ });
+
+ it('Should display ARM type selector when rate type is adjustable', () => {
+ exploreRates.getChartResultAlert().should('not.be.visible');
+ exploreRates.getArmTypeSelector().should('not.be.visible');
+ exploreRates.selectRateType('Adjustable');
+ exploreRates.getChartResultAlert().should('be.visible');
+ exploreRates.getArmTypeSelector().should('be.visible');
+ exploreRates
+ .getLoanTermSelector()
+ .get('[value="30"]')
+ .should('not.be.disabled');
+ exploreRates
+ .getLoanTermSelector()
+ .get('[value="15"]')
+ .should('be.disabled');
+ exploreRates
+ .getLoanTypeSelector()
+ .get('[value="conf"]')
+ .should('not.be.disabled');
+ exploreRates
+ .getLoanTypeSelector()
+ .get('[value="fha"]')
+ .should('be.disabled');
+ exploreRates
+ .getLoanTypeSelector()
+ .get('[value="va"]')
+ .should('be.disabled');
  });
  });
 });