require "spec_helper"

describe "@include span-columns()" do
  before(:all) do
    ParserSupport.parse_file("span-columns")
  end

  context "with argument (6) in a twelve-column grid" do
    it "sets width in percentage" do
      expect(".span-columns-default").to have_rule("width: 48.82117%")
    end

    it "sets gutter in percentage" do
      expect(".span-columns-default").to have_rule("margin-right: 2.35765%")
    end

    it "sets display to block" do
      expect(".span-columns-default").to have_rule("display: block")
    end

    it "sets float to left" do
      expect(".span-columns-default").to have_rule("float: left")
    end

    it "removes gutter from last element" do
      expect(".span-columns-default:last-child").to have_rule("margin-right: 0")
    end
  end

  context "when nested" do
    it "sets relative width in percentage" do
      expect(".span-columns-default .span-columns-nested").to have_rule("width: 30.11389%")
    end

    it "sets relative gutter in percentage" do
      expect(".span-columns-default .span-columns-nested").to have_rule("margin-right: 4.82916%")
    end
  end

  context "with argument (table)" do
    it "sets display to table-cell" do
      expect(".span-columns-table").to have_rule("display: table-cell")
    end

    it "sets width evenly between elements" do
      expect(".span-columns-table").to have_rule("width: 50%")
    end
  end

  context "with argument (block-collapse)" do
    it "appends gutter width to column width" do
      expect(".span-columns-collapse").to have_rule("width: 51.17883%")
    end

    it "removes the next gutter" do
      expect(".span-columns-collapse").to_not have_rule("margin-right: 2.35765%")
    end

    it "removes gutter percentage from the width of the last child" do
      expect(".span-columns-collapse:last-child").to have_rule("width: 48.82117%")
    end
  end

  context "with argument (no-display)" do
    it "doesn't set display property" do
      expect(".span-columns-no-display").to_not have_rule("display: block")
    end

    it "sets width in percentage based on a block layout" do
      expect(".span-columns-no-display").to have_rule("width: 48.82117%")
    end
  end
end