describe('consumer step two', function() {

  describe('cuisine facet', function() {

    afterEach(function() {
      vendorsJs.cuisineFacetExpanded = false;
    });

    describe('when less than 10 cuisine types', function() {

      beforeEach(function() {
        loadFixtures('step_two_less_than_ten_cuisines_fixture.html');
        vendorsJs.collapseCuisineFilters();
      });

      it('should not show more or less link on initial load', function() {
        expect($('#CuisineFacet a.more').length).toBe(0);
        expect($('#CuisineFacet a.less').length).toBe(0);
      });

    });

    describe('when more than 10 cuisine types', function() {

      beforeEach(function() {
        loadFixtures('step_two_more_than_ten_cuisines_fixture.html');
        vendorsJs.collapseCuisineFilters();
      });

      it('should collapse to 10 on initial load', function() {
        expect($('#CuisineFacet li:visible').length).toBe(10);
        expect(vendorsJs.cuisineFacetExpanded).toBeFalsy();
      });

      it('should show more link on initial load if more than than 10 cuisines types', function() {
        expect($('#CuisineFacet a.more')).toBeVisible();
        expect($('#CuisineFacet a.less').length).toBe(0);
      });

      it('should remain open once user clicks more', function() {
        $('.more').click();
        expect(vendorsJs.cuisineFacetExpanded).toBeTruthy();
      });

    });

  });
});