/// <reference types="cypress" />

import { fixCypressSpec } from '../support'
beforeEach(fixCypressSpec(__filename))

describe('Test all navs for all styles', () => {
  const ids = ['#nav', '#nav-js'];
  const widths = [500, 750, 1000];
  // nav and nav-js
  for(let s = 0; s < styles.length; s++) {
    let style = styles[s];
    for (let i = 0; i < ids.length; i++) {
      let id = ids[i]
      it('test ' + style + ' ' + id, () => {
        cy.navStyleId(style, id);
      });
    }
    // nav-js-responsive at different widths
    for(let w = 0; w < widths.length; w++) {
      let width = widths[w]
      it('test ' + style + ' #nav-js-responsive (' + width + ' width)', () => {
        cy.viewport(width, 1000);
        cy.navStyleId(style, '#nav-js-responsive');
      });
    }
    // combo-nav-js
    it('test ' + style + ' #combo-nav-js', () => {
      cy.comboNavStyle(style);
    });
  }
})
