require 'spec_helper'

describe Sprockets::Sass do
  before :each do
    @root = create_construct
    @assets = @root.directory 'assets'
    @env = Sprockets::Environment.new @root.to_s
    @env.append_path @assets.to_s
    @env.register_postprocessor 'text/css', :fail_postprocessor do |context, data|
      data.gsub /@import/, 'fail engine'
    end
  end

  after :each do
    @root.destroy!
  end

  it 'processes scss files normally' do
    @assets.file 'main.css.scss', '//= require dep'
    @assets.file 'dep.css.scss', 'body { color: blue; }'
    asset = @env['main.css']
    expect(asset.to_s).to eql("body {\n  color: blue; }\n")
  end

  it 'processes sass files normally' do
    @assets.file 'main.css.sass', '//= require dep'
    @assets.file 'dep.css.sass', "body\n  color: blue"
    asset = @env['main.css']
    expect(asset.to_s).to eql("body {\n  color: blue; }\n")
  end

  it 'imports standard files' do
    @assets.file 'main.css.scss', %(@import "dep";\nbody { color: $color; })
    @assets.file 'dep.css.scss', '$color: blue;'
    asset = @env['main.css']
    expect(asset.to_s).to eql("body {\n  color: blue; }\n")
  end

  it 'imports partials' do
    @assets.file 'main.css.scss', %(@import "_dep";\nbody { color: $color; })
    @assets.file '_dep.css.scss', '$color: blue;'
    asset = @env['main.css']
    expect(asset.to_s).to eql("body {\n  color: blue; }\n")
  end

  it 'imports other syntax' do
    @assets.file 'main.css.scss', %(@import "dep";\nbody { color: $color; })
    @assets.file 'dep.sass', "$color: blue\nhtml\n  height: 100%"
    asset = @env['main.css']
    expect(asset.to_s).to eql("html {\n  height: 100%; }\n\nbody {\n  color: blue; }\n")
  end

  it 'imports files with the correct content type' do
    @assets.file 'main.css.scss', %(@import "dep";\nbody { color: $color; })
    @assets.file 'dep.js', 'var app = {};'
    @assets.file '_dep.css.scss', '$color: blue;'
    asset = @env['main.css']
    expect(asset.to_s).to eql("body {\n  color: blue; }\n")
  end

  it 'imports files with directives' do
    @assets.file 'main.css.scss', %(@import "dep";)
    @assets.file 'dep.css', "/*\n *= require subdep\n */"
    @assets.file 'subdep.css.scss', "$color: blue;\nbody { color: $color; }"
    asset = @env['main.css']
    expect(asset.to_s).to include("body {\n  color: blue; }\n")
  end

  it 'imports files with additional processors' do
    @assets.file 'main.css.scss', %(@import "dep";\nbody { color: $color; })
    @assets.file 'dep.css.scss.erb', "$color: <%= 'blue' %>;"
    asset = @env['main.css']
    expect(asset.to_s).to eql("body {\n  color: blue; }\n")
  end

  it 'imports relative files' do
    @assets.file 'folder/main.css.scss', %(@import "./dep-1";\n@import "./subfolder/dep-2";\nbody { background-color: $background-color; color: $color; })
    @assets.file 'folder/dep-1.css.scss', '$background-color: red;'
    @assets.file 'folder/subfolder/dep-2.css.scss', '$color: blue;'
    asset = @env['folder/main.css']
    expect(asset.to_s).to eql("body {\n  background-color: red;\n  color: blue; }\n")
  end

  it 'imports relative partials' do
    @assets.file 'folder/main.css.scss', %(@import "./dep-1";\n@import "./subfolder/dep-2";\nbody { background-color: $background-color; color: $color; })
    @assets.file 'folder/_dep-1.css.scss', '$background-color: red;'
    @assets.file 'folder/subfolder/_dep-2.css.scss', '$color: blue;'
    asset = @env['folder/main.css']
    expect(asset.to_s).to eql("body {\n  background-color: red;\n  color: blue; }\n")
  end

  it 'imports deeply nested relative partials' do
    @assets.file 'package-prime/stylesheets/main.scss', %(@import "package-dep/src/stylesheets/variables";\nbody { background-color: $background-color; color: $color; })
    @assets.file 'package-dep/src/stylesheets/_variables.scss', %(@import "./colors";\n$background-color: red;)
    @assets.file 'package-dep/src/stylesheets/_colors.scss', '$color: blue;'
    asset = @env['package-prime/stylesheets/main.scss']
    expect(asset.to_s).to eql("body {\n  background-color: red;\n  color: blue; }\n")
  end

  it 'imports relative files without preceding ./' do
    @assets.file 'folder/main.css.scss', %(@import "dep-1";\n@import "subfolder/dep-2";\nbody { background-color: $background-color; color: $color; })
    @assets.file 'folder/dep-1.css.scss', '$background-color: red;'
    @assets.file 'folder/subfolder/dep-2.css.scss', '$color: blue;'
    asset = @env['folder/main.css']
    expect(asset.to_s).to eql("body {\n  background-color: red;\n  color: blue; }\n")
  end

  it 'imports relative partials without preceding ./' do
    @assets.file 'folder/main.css.scss', %(@import "dep-1";\n@import "subfolder/dep-2";\nbody { background-color: $background-color; color: $color; })
    @assets.file 'folder/_dep-1.css.scss', '$background-color: red;'
    @assets.file 'folder/subfolder/_dep-2.css.scss', '$color: blue;'
    asset = @env['folder/main.css']
    expect(asset.to_s).to eql("body {\n  background-color: red;\n  color: blue; }\n")
  end

  it 'imports files relative to root' do
    @assets.file 'folder/main.css.scss', %(@import "dep";\nbody { color: $color; })
    @assets.file 'dep.css.scss', '$color: blue;'
    asset = @env['folder/main.css']
    expect(asset.to_s).to eql("body {\n  color: blue; }\n")
  end

  it 'imports partials relative to root' do
    @assets.file 'folder/main.css.scss', %(@import "dep";\nbody { color: $color; })
    @assets.file '_dep.css.scss', '$color: blue;'
    asset = @env['folder/main.css']
    expect(asset.to_s).to eql("body {\n  color: blue; }\n")
  end

  it 'shares Sass environment with other imports' do
    @assets.file 'main.css.scss', %(@import "dep-1";\n@import "dep-2";)
    @assets.file '_dep-1.scss', '$color: blue;'
    @assets.file '_dep-2.scss', 'body { color: $color; }'
    asset = @env['main.css']
    expect(asset.to_s).to eql("body {\n  color: blue; }\n")
  end

  it 'imports files from the assets load path' do
    vendor = @root.directory 'vendor'
    @env.append_path vendor.to_s

    @assets.file 'main.css.scss', %(@import "dep";\nbody { color: $color; })
    vendor.file 'dep.css.scss', '$color: blue;'
    asset = @env['main.css']
    expect(asset.to_s).to eql("body {\n  color: blue; }\n")
  end

  it 'allows global Sass configuration' do
    Sprockets::Sass.options[:style] = :compact
    @assets.file 'main.css.scss', "body {\n  color: blue;\n}"

    asset = @env['main.css']
    expect(asset.to_s).to eql("body { color: blue; }\n")
    Sprockets::Sass.options.delete(:style)
  end

  it 'imports files from the Sass load path' do
    vendor = @root.directory 'vendor'
    Sprockets::Sass.options[:load_paths] = [ vendor.to_s ]

    @assets.file 'main.css.scss', %(@import "dep";\nbody { color: $color; })
    vendor.file 'dep.scss', '$color: blue;'
    asset = @env['main.css']
    expect(asset.to_s).to eql("body {\n  color: blue; }\n")
    Sprockets::Sass.options.delete(:load_paths)
  end

  it 'works with the Compass framework' do
    @assets.file 'main.css.scss', %(@import "compass/css3";\nbutton { @include border-radius(5px); })

    asset = @env['main.css']
    expect(asset.to_s).to include('border-radius: 5px;')
  end

  it 'imports globbed files' do
    @assets.file 'main.css.scss', %(@import "folder/*";\nbody { color: $color; background: $bg-color; })
    @assets.file 'folder/dep-1.css.scss', '$color: blue;'
    @assets.file 'folder/dep-2.css.scss', '$bg-color: red;'
    asset = @env['main.css']
    expect(asset.to_s).to eql("body {\n  color: blue;\n  background: red; }\n")
  end

  it 'adds dependencies when imported' do
    @assets.file 'main.css.scss', %(@import "dep";\nbody { color: $color; })
    dep = @assets.file 'dep.css.scss', '$color: blue;'

    asset = @env['main.css']
    expect(asset).to be_fresh(@env)

    mtime = Time.now + 1
    dep.open('w') { |f| f.write '$color: red;' }
    dep.utime mtime, mtime

    expect(asset).to_not be_fresh(@env)
  end

  it 'adds dependencies from assets when imported' do
    @assets.file 'main.css.scss', %(@import "dep-1";\nbody { color: $color; })
    @assets.file 'dep-1.css.scss', %(@import "dep-2";\n)
    dep = @assets.file 'dep-2.css.scss', '$color: blue;'

    asset = @env['main.css']
    expect(asset).to be_fresh(@env)

    mtime = Time.now + 1
    dep.open('w') { |f| f.write '$color: red;' }
    dep.utime mtime, mtime

    expect(asset).to_not be_fresh(@env)
  end

  it 'adds dependencies when imported from a glob' do
    @assets.file 'main.css.scss', %(@import "folder/*";\nbody { color: $color; background: $bg-color; })
    @assets.file 'folder/_dep-1.scss', '$color: blue;'
    dep = @assets.file 'folder/_dep-2.scss', '$bg-color: red;'

    asset = @env['main.css']
    expect(asset).to be_fresh(@env)

    mtime = Time.now + 1
    dep.open('w') { |f| f.write "$bg-color: white;" }
    dep.utime mtime, mtime

    expect(asset).to_not be_fresh(@env)
  end

  it "uses the environment's cache" do
    cache = {}
    @env.cache = cache

    @assets.file 'main.css.scss', %($color: blue;\nbody { color: $color; })

    @env['main.css'].to_s
    if Sass.version[:minor] > 2
      sass_cache = cache.detect.detect { |key, value| value['pathname'] =~ /main\.css\.scss/ }
    else
      sass_cache = cache.keys.detect { |key| key =~ /main\.css\.scss/ }
    end
    expect(sass_cache).to_not be_nil
  end

  it 'adds the #asset_path helper' do
    @assets.file 'asset_path.css.scss', %(body { background: url(asset-path("image.jpg")); })
    @assets.file 'asset_url.css.scss', %(body { background: asset-url("image.jpg"); })
    @assets.file 'asset_path_options.css.scss', %(body { background: url(asset-path("image.jpg", $digest: true, $prefix: "/themes")); })
    @assets.file 'asset_url_options.css.scss', %(body { background: asset-url("image.jpg", $digest: true, $prefix: "/themes"); })
    @assets.file 'image.jpg'

    expect(@env['asset_path.css'].to_s).to eql(%(body {\n  background: url("/assets/image.jpg"); }\n))
    expect(@env['asset_url.css'].to_s).to eql(%(body {\n  background: url("/assets/image.jpg"); }\n))
    expect(@env['asset_path_options.css'].to_s).to match(%r(body \{\n  background: url\("/themes/image-[0-9a-f]+.jpg"\); \}\n))
    expect(@env['asset_url_options.css'].to_s).to match(%r(body \{\n  background: url\("/themes/image-[0-9a-f]+.jpg"\); \}\n))
  end

  it 'adds the #image_path helper' do
    @assets.file 'image_path.css.scss', %(body { background: url(image-path("image.jpg")); })
    @assets.file 'image_url.css.scss', %(body { background: image-url("image.jpg"); })
    @assets.file 'image_path_options.css.scss', %(body { background: url(image-path("image.jpg", $digest: true, $prefix: "/themes")); })
    @assets.file 'image_url_options.css.scss', %(body { background: image-url("image.jpg", $digest: true, $prefix: "/themes"); })
    @assets.file 'image.jpg'

    expect(@env['image_path.css'].to_s).to eql(%(body {\n  background: url("/assets/image.jpg"); }\n))
    expect(@env['image_url.css'].to_s).to eql(%(body {\n  background: url("/assets/image.jpg"); }\n))
    expect(@env['image_path_options.css'].to_s).to match(%r(body \{\n  background: url\("/themes/image-[0-9a-f]+.jpg"\); \}\n))
    expect(@env['image_url_options.css'].to_s).to match(%r(body \{\n  background: url\("/themes/image-[0-9a-f]+.jpg"\); \}\n))
  end

  it 'adds the #font_path helper' do
    @assets.file 'font_path.css.scss', %(@font-face { src: url(font-path("font.ttf")); })
    @assets.file 'font_url.css.scss', %(@font-face { src: font-url("font.ttf"); })
    @assets.file 'font_path_options.css.scss', %(@font-face { src: url(font-path("font.ttf", $digest: true, $prefix: "/themes")); })
    @assets.file 'font_url_options.css.scss', %(@font-face { src: font-url("font.ttf", $digest: true, $prefix: "/themes"); })
    @assets.file 'font.ttf'

    expect(@env['font_path.css'].to_s).to eql(%(@font-face {\n  src: url("/assets/font.ttf"); }\n))
    expect(@env['font_url.css'].to_s).to eql(%(@font-face {\n  src: url("/assets/font.ttf"); }\n))
    expect(@env['font_path_options.css'].to_s).to match(%r(@font-face \{\n  src: url\("/themes/font-[0-9a-f]+.ttf"\); \}\n))
    expect(@env['font_url_options.css'].to_s).to match(%r(@font-face \{\n  src: url\("/themes/font-[0-9a-f]+.ttf"\); \}\n))
  end

  it 'adds the #asset_data_uri helper' do
    @assets.file 'asset_data_uri.css.scss', %(body { background: asset-data-uri("image.jpg"); })
    @assets.file 'image.jpg', File.read('spec/fixtures/image.jpg')

    expect(@env['asset_data_uri.css'].to_s).to include("body {\n  background: url(data:image/jpeg;base64,")
  end

  it "mirrors Compass's #image_url helper" do
    @assets.file 'image_path.css.scss', %(body { background: url(image-url("image.jpg", true)); })
    @assets.file 'image_url.css.scss', %(body { background: image-url("image.jpg", false); })
    @assets.file 'cache_buster.css.scss', %(body { background: image-url("image.jpg", false, true); })
    @assets.file 'image.jpg'

    expect(@env['image_path.css'].to_s).to eql(%(body {\n  background: url("/assets/image.jpg"); }\n))
    expect(@env['image_url.css'].to_s).to eql(%(body {\n  background: url("/assets/image.jpg"); }\n))
    expect(@env['cache_buster.css'].to_s).to eql(%(body {\n  background: url("/assets/image.jpg"); }\n))
  end

  it "mirrors Compass's #font_url helper" do
    @assets.file 'font_path.css.scss', %(@font-face { src: url(font-url("font.ttf", true)); })
    @assets.file 'font_url.css.scss', %(@font-face { src: font-url("font.ttf", false); })
    @assets.file 'font.ttf'

    expect(@env['font_path.css'].to_s).to eql(%(@font-face {\n  src: url("/assets/font.ttf"); }\n))
    expect(@env['font_url.css'].to_s).to eql(%(@font-face {\n  src: url("/assets/font.ttf"); }\n))
  end

  it "mirrors Sass::Rails's #asset_path helpers" do
    @assets.file 'asset_path.css.scss', %(body { background: url(asset-path("image.jpg", image)); })
    @assets.file 'asset_url.css.scss', %(body { background: asset-url("icon.jpg", image); })
    @assets.file 'image.jpg'

    expect(@env['asset_path.css'].to_s).to eql(%(body {\n  background: url("/assets/image.jpg"); }\n))
    expect(@env['asset_url.css'].to_s).to eql(%(body {\n  background: url("/images/icon.jpg"); }\n))
  end

  it 'allows asset helpers from within Compass mixins' do
    @assets.file 'bullets.css.scss', %(@import "compass";\nul { @include pretty-bullets('bullet.gif', 10px, 10px); })
    @assets.file 'bullet.gif'

    expect(@env['bullets.css'].to_s).to match(%r[background: url\("/assets/bullet\.gif"\)])
  end

  it 'compresses css' do
    css = "div {\n  color: red;\n}\n"
    compressed_css = Sprockets::Sass::Compressor.new.compress(css)
    expect(compressed_css).to eql("div{color:red}\n")
  end

  describe Sprockets::Sass::SassTemplate do
    describe 'initialize_engine' do
      it 'initializes super if super is uninitinalized' do
        Tilt::SassTemplate.stub(:engine_initialized?).and_return false
        template = Sprockets::Sass::SassTemplate.new {}
        template.should_receive(:require_template_library) # called from Tilt::SassTemplate.initialize
        template.initialize_engine
      end

      it 'does not initializes super if super is initinalized to silence warnings' do
        Tilt::SassTemplate.stub(:engine_initialized?).and_return true
        template = Sprockets::Sass::SassTemplate.new {}
        template.should_not_receive(:require_template_library) # called from Tilt::SassTemplate.initialize
        template.initialize_engine
      end

      it 'does not add Sass functions if sprockets-helpers is not available' do
        template = Sprockets::Sass::SassTemplate.new {}
        template.should_receive(:require).with('sprockets/helpers').and_raise LoadError
        template.should_not_receive(:require).with 'sprockets/sass/functions'
        template.initialize_engine
        expect(Sprockets::Sass::SassTemplate.engine_initialized?).to be_true
      end

      it 'does not add Sass functions if add_sass_functions is false' do
        Sprockets::Sass.add_sass_functions = false
        template = Sprockets::Sass::SassTemplate.new {}
        template.should_not_receive(:require).with 'sprockets/sass/functions'
        template.initialize_engine
        expect(Sprockets::Sass::SassTemplate.engine_initialized?).to be_true
        Sprockets::Sass.add_sass_functions = true
      end
    end
  end
end