// Media Query Tests
// =================


// Below
// -----
@include describe('Below [mixin]') {
  @include it('Applies max-width query, with ~1px subtracted') {
    @include assert {
      @include output {
        @include below(30em) {
          test: content;
        }
      }

      @include expect {
        @media (max-width: 29.99em) {
          test: content;
        }
      }
    }
  }
}


// Above
// -----
@include describe('Above [mixin]') {
  @include it('Applies min-width query') {
    @include assert {
      @include output {
        @include above(30em) {
          test: content;
        }
      }

      @include expect {
        @media (min-width: 30em) {
          test: content;
        }
      }
    }
  }
}


// Between
// -------
@include describe('Between [mixin]') {
  @include it('Applies min and max-width queries') {
    @include assert {
      @include output {
        @include between(30em, 40em) {
          test: content;
        }
      }

      @include expect {
        @media (min-width: 30em) and (max-width: 39.99em) {
          test: content;
        }
      }
    }
  }
}