// Shared Grid Background Output Tests
// ===================================

@include test-module('Grid Background Output') {

  // Grid Background Output
  // ----------------------

  @include output-test('background-grid-output') {
    $image: linear-gradient(to right, #fcc, #cfc 25%, #ccf),
            linear-gradient(to bottom, #000 5%, transparent 5%);
    $size: auto, 100% 16px;
    $clip: content-box, border-box;
    $flow: ltr;

    @include assert-setup('show') {
      .test, .expect {
        background: none;
        padding-bottom: 2rem;
        padding-top: 2rem;
      }
    }
    @include assert-output(
      'Elements should show a horizontal clipped red-green-blue gradient, and a vertical baseline'
    ) {
      .test {
        @include background-grid-output($image, $size, $clip, $flow);
      }
      .expect {
        background-image: $image;
        background-size: $size;
        background-origin: $clip;
        background-clip: $clip;
        background-position: left top;
      }
    }
  }
}
