@include test-module('Positioners') {

  @include test('@mixin flex()') {
    @include assert('outputs a `flex: property`.') {
      @include input {
        test {@include flex(row);}
      }

      @include expect {
        test {
          display: flex;
        }
        test {
          flex-direction: row;
        }
      }
    }
  }

  // @include test('@mixin wrapper()') {
  //   @include assert('outputs a susy wrapper styles') {
  //     @include input {
  //       test {@include wrapper(75%);}
  //     }
  //
  //     @include expect {
  //       test {
  //         max-width: 100%;
  //         margin-left: auto;
  //         margin-right: auto; }
  //         test:after {
  //           content: " ";
  //           display: block;
  //           clear: both;
  //         }
  //       test {
  //         width: 75%;
  //       }
  //     }
  //   }
  // }

  @include test('@mixin grid()') {
    @include assert('outputs a susy grid styles.') {
      @include input {
        test {@include grid(6);}
      }

      @include expect {
        test {
          box-sizing: border-box;
          width: 0%;
          float: left;
          padding-left: 0.83333%;
          padding-right: 0.83333%;
        }
        test {
          width: 50%;
        }
      }
    }
  }

  @include test('@mixin grid()') {
    @include assert('outputs a susy grid styles.') {
      @include input {
        test {@include grid(6);}
      }
      @include expect {
        test {
          box-sizing: border-box;
          width: 0%;
          float: left;
          padding-left: 0.83333%;
          padding-right: 0.83333%;
        }
        test {
          width: 50%;
        }
      }
    }
  }

  @include test('@mixin center()') {
    @include assert('outputs center styles.') {
      @include input {
        @include center();
      }

      @include expect {
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
    }
    @include assert('outputs horizontal center styles.') {
      @include input {
        @include center(horizontal);
      }

      @include expect {
        position: relative;
        left: 50%;
        transform: translateX(-50%)
      }
    }
    @include assert('outputs vertical center styles.') {
      @include input {
        @include center(vertical);
      }

      @include expect {
        position: relative;
        top: 50%;
        transform: translateY(-50%)
      }
    }
  }

  @include test('@mixin space()') {
    @include assert('outputs a margin auto size') {
      @include input {
        @include space(margin, auto);
      }

      @include expect {
        margin: auto;
      }
    }
    @include assert('outputs a margin auto size') {
      @include input {
        @include space(margin, auto);
      }

      @include expect {
        margin: auto;
      }
    }
    @include assert('outputs a margin size') {
      @include input {
        @include space(margin, 2.5%);
      }

      @include expect {
        margin: 2.5%;
      }
    }
    @include assert('outputs a axis margin size') {
      @include input {
        @include space(margin, 2.5%, horizontal);
      }

      @include expect {
        margin-left: 2.5%;
        margin-right: 2.5%;
      }
    }
    @include assert('outputs a padding size') {
      @include input {
        @include space(padding, 2.5%);
      }

      @include expect {
        padding: 2.5%;
      }
    }
    @include assert('outputs a axis padding size') {
      @include input {
        @include space(padding, 2.5%, vertical);
      }

      @include expect {
        padding-top: 2.5%;
        padding-bottom: 2.5%;
      }
    }
  }

}