sassc4-rails 2.1.2

data/test/dummy/app/assets/stylesheets/glob_multiple_extensions_test.scss

@@ -0,0 +1 @@
+@import "globbed_multiple_extensions/**/*";

data/test/dummy/app/assets/stylesheets/glob_test.scss

@@ -0,0 +1 @@
+@import "globbed/**/*";

data/test/dummy/app/assets/stylesheets/globbed/globbed.scss

@@ -0,0 +1,3 @@
+.globbed {
+  color: green;
+}

data/test/dummy/app/assets/stylesheets/globbed/nested/nested_glob.scss

@@ -0,0 +1,3 @@
+.nested-glob {
+  color: blue;
+}

data/test/dummy/app/assets/stylesheets/globbed_multiple_extensions/glob.scss.erb

@@ -0,0 +1,3 @@
+.glob {
+  margin: <%= 0 %>;
+}

data/test/dummy/app/assets/stylesheets/helpers_test.scss

@@ -0,0 +1,18 @@
+.rails {
+  asset-path: asset-path("rails.png");
+  asset-url: asset-url("rails.png");
+  image-path: image-path("rails.png");
+  image-url: image-url("rails.png");
+  video-path: video-path("rails.mp4");
+  video-url: video-url("rails.mp4");
+  audio-path: audio-path("rails.mp3");
+  audio-url: audio-url("rails.mp3");
+  font-path: font-path("rails.ttf");
+  font-url: font-url("rails.ttf");
+  font-url-with-query-hash: font-url("rails.ttf?#iefix");
+  javascript-path: javascript-path("rails.js");
+  javascript-url: javascript-url("rails.js");
+  stylesheet-path: stylesheet-path("rails.css");
+  stylesheet-url: stylesheet-url("rails.css");
+  asset-data-url: asset-data-url("1x1.png");
+}

data/test/dummy/app/assets/stylesheets/imports_test.scss

@@ -0,0 +1,23 @@
+@import "partials/css_sass_import";
+@import "partials/sass_import";
+@import "partials/scss_import";
+@import "partials/explicit_extension_import.foo";
+@import "globbed/**/*";
+@import "subfolder/plain";
+@import "subfolder/second_level";
+@import "partials/without_css_ext";
+@import "css_erb_handler";
+@import "scss_erb_handler";
+@import "sass_erb_handler";
+@import "css_scss_handler";
+@import "css_sass_handler";
+@import "css_scss_erb_handler";
+@import "css_sass_erb_handler";
+@import 'partial_in_load_paths';
+
+.main {
+  color: yellow;
+  @include background-from-partial(red);
+}
+
+@include without-css-ext;

data/test/dummy/app/assets/stylesheets/in_load_paths/partial_in_load_paths.scss

@@ -0,0 +1,3 @@
+.partial_in_load_paths {
+  color: #BADA55
+}

data/test/dummy/app/assets/stylesheets/partials/_css_sass_import.sass

@@ -0,0 +1,5 @@
+.partial-css-sass
+  color: green
+
+@import "top_level_partial"
+@import "subfolder/relative_scss"

data/test/dummy/app/assets/stylesheets/partials/_explicit_extension_import.foo

@@ -0,0 +1,3 @@
+.partial-foo {
+  color: green
+}

data/test/dummy/app/assets/stylesheets/partials/_sass_import.sass

@@ -0,0 +1,2 @@
+.partial-sass
+  color: green

data/test/dummy/app/assets/stylesheets/partials/_scss_import.scss

@@ -0,0 +1,9 @@
+.partial-scss {
+  color: blue; }
+
+@mixin background-from-partial($color) {
+  background-color: $color
+}
+
+@import "subfolder/relative_sass";
+@import "subfolder/relative_not_a_partial";

data/test/dummy/app/assets/stylesheets/partials/_without_css_ext.scss

@@ -0,0 +1,3 @@
+@mixin without-css-ext {
+  .without-css-ext { should: work; }
+}

data/test/dummy/app/assets/stylesheets/partials/subfolder/_relative_sass.sass

@@ -0,0 +1,2 @@
+.sub-folder-relative-sass
+  width: 50px

data/test/dummy/app/assets/stylesheets/partials/subfolder/_relative_scss.scss

@@ -0,0 +1,3 @@
+.sub-folder-relative-scss {
+  width: 50px * 5;
+}

data/test/dummy/app/assets/stylesheets/partials/subfolder/relative_not_a_partial.scss

@@ -0,0 +1,3 @@
+.not-a-partial {
+  border: 1px solid blue;
+}

data/test/dummy/app/assets/stylesheets/sass_erb_handler.sass.erb

@@ -0,0 +1,2 @@
+.sass-erb-handler
+  margin: <%= 0 %>

data/test/dummy/app/assets/stylesheets/scss_erb_handler.scss.erb

@@ -0,0 +1,3 @@
+.scss-erb-handler {
+  margin: <%= 0 %>;
+}

data/test/dummy/app/assets/stylesheets/special_characters.scss

@@ -0,0 +1,5 @@
+$sißßßßßße: 30px;
+
+.hßß©i {
+  width: $sißßßßßße;
+}

data/test/dummy/app/assets/stylesheets/subfolder/_defaults.scss

@@ -0,0 +1,3 @@
+.default-old-css {
+  margin: 0px;
+}

data/test/dummy/app/assets/stylesheets/subfolder/another_plain.css

@@ -0,0 +1,3 @@
+.another-plain-old-css {
+  font-style: italic;
+}

data/test/dummy/app/assets/stylesheets/subfolder/plain.css

@@ -0,0 +1,3 @@
+.plain-old-css {
+  font-style: italic;
+}

data/test/dummy/app/assets/stylesheets/subfolder/second_level.scss

@@ -0,0 +1,2 @@
+@import "another_plain"; /* tests whether relative lookups of non-sass files works. */
+@import "defaults"; /* tests wheter relative lookups partials in the same directory. */

data/test/dummy/app/assets/stylesheets/syntax_error.scss

@@ -0,0 +1,3 @@
+.hello {
+  color $b-color;
+}

data/test/sassc_rails_test.rb

@@ -0,0 +1,334 @@
+# frozen_string_literal: true
+
+require "test_helper"
+
+class SassRailsTest < MiniTest::Test
+  attr_reader :app
+
+  def setup
+    Rails.application = nil
+
+    @app = Class.new(Rails::Application)
+    @app.config.active_support.deprecation = :log
+    @app.config.eager_load = false
+    @app.config.root = File.join(File.dirname(__FILE__), "dummy")
+    @app.config.log_level = :debug
+
+    # reset config back to default
+    @app.config.assets.delete(:css_compressor)
+    @app.config.sass = ActiveSupport::OrderedOptions.new
+    @app.config.sass.preferred_syntax = :scss
+    @app.config.sass.load_paths       = []
+
+    # Not actually a default, but it makes assertions more complicated
+    @app.config.sass.line_comments    = false
+
+    # Add a fake compressor for testing purposes
+    Sprockets.register_compressor "text/css", :test, TestCompressor
+
+    Rails.backtrace_cleaner.remove_silencers!
+  end
+
+  def teardown
+    directory = "#{Rails.root}/tmp"
+    FileUtils.remove_dir(directory) if File.directory?(directory)
+  end
+
+  def render_asset(asset)
+    app.assets[asset].to_s
+  end
+
+  def initialize!
+    Rails.env = "test"
+    @app.initialize!
+  end
+
+  def initialize_dev!
+    Rails.env = "development"
+    @app.initialize!
+  end
+
+  def initialize_prod!
+    Rails.env = "production"
+    @app.initialize!
+  end
+
+  def test_setup_works
+    initialize_dev!
+
+    asset = render_asset("application.css")
+
+    assert_equal <<-CSS, asset
+.hello {
+  color: #FFF;
+}
+    CSS
+  end
+
+  def test_raises_sassc_syntax_error
+    initialize!
+
+    assert_raises(SassC::SyntaxError) do
+      render_asset("syntax_error.css")
+    end
+  end
+
+  def test_all_sass_asset_paths_work
+    skip
+
+    initialize!
+
+    css_output = render_asset("helpers_test.css")
+
+    assert_match %r{asset-path:\s*"/assets/rails.png"},                           css_output, 'asset-path:\s*"/assets/rails.png"'
+    assert_match %r{asset-url:\s*url\(/assets/rails.png\)},                       css_output, 'asset-url:\s*url\(/assets/rails.png\)'
+    assert_match %r{image-path:\s*"/assets/rails.png"},                           css_output, 'image-path:\s*"/assets/rails.png"'
+    assert_match %r{image-url:\s*url\(/assets/rails.png\)},                       css_output, 'image-url:\s*url\(/assets/rails.png\)'
+  end
+
+  def test_sass_asset_paths_work
+    initialize!
+
+    css_output = render_asset("helpers_test.css")
+
+    assert_match %r{video-path:\s*"/videos/rails.mp4"},                           css_output, 'video-path:\s*"/videos/rails.mp4"'
+    assert_match %r{video-url:\s*url\(/videos/rails.mp4\)},                       css_output, 'video-url:\s*url\(/videos/rails.mp4\)'
+    assert_match %r{audio-path:\s*"/audios/rails.mp3"},                           css_output, 'audio-path:\s*"/audios/rails.mp3"'
+    assert_match %r{audio-url:\s*url\(/audios/rails.mp3\)},                       css_output, 'audio-url:\s*url\(/audios/rails.mp3\)'
+    assert_match %r{font-path:\s*"/fonts/rails.ttf"},                             css_output, 'font-path:\s*"/fonts/rails.ttf"'
+    assert_match %r{font-url:\s*url\(/fonts/rails.ttf\)},                         css_output, 'font-url:\s*url\(/fonts/rails.ttf\)'
+    assert_match %r{font-url-with-query-hash:\s*url\(/fonts/rails.ttf\?#iefix\)}, css_output, 'font-url:\s*url\(/fonts/rails.ttf?#iefix\)'
+    assert_match %r{javascript-path:\s*"/javascripts/rails.js"},                  css_output, 'javascript-path:\s*"/javascripts/rails.js"'
+    assert_match %r{javascript-url:\s*url\(/javascripts/rails.js\)},              css_output, 'javascript-url:\s*url\(/javascripts/rails.js\)'
+    assert_match %r{stylesheet-path:\s*"/stylesheets/rails.css"},                 css_output, 'stylesheet-path:\s*"/stylesheets/rails.css"'
+    assert_match %r{stylesheet-url:\s*url\(/stylesheets/rails.css\)},             css_output, 'stylesheet-url:\s*url\(/stylesheets/rails.css\)'
+
+    asset_data_url_regexp = %r{asset-data-url:\s*url\((.*?)\)}
+    assert_match asset_data_url_regexp, css_output, 'asset-data-url:\s*url\((.*?)\)'
+    asset_data_url_match = css_output.match(asset_data_url_regexp)[1]
+    asset_data_url_expected = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%" +
+    "2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjA" +
+    "xMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRw" +
+    "Oi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDc" +
+    "mVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNzY5NDE1QkQ2NkMxMUUwOUUzM0E5Q0E2RTgyQUExQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNzY5NDE1Q0" +
+    "Q2NkMxMUUwOUUzM0E5Q0E2RTgyQUExQiI%2BIDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE3MzcyNTQ2RDY2QjExRTA5RTMzQTlDQTZFODJBQTFCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI3Njk0M" +
+    "TVBRDY2QzExRTA5RTMzQTlDQTZFODJBQTFCIi8%2BIDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY%2BIDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8%2B0HhJ9AAAABBJREFUeNpi%2BP%2F%2FPwNAgAEACPwC%2FtuiTRYAAAAA" +
+    "SUVORK5CYII%3D"
+    assert_equal asset_data_url_expected, asset_data_url_match
+  end
+
+  def test_sass_imports_work_correctly
+    app.config.sass.load_paths << Rails.root.join('app/assets/stylesheets/in_load_paths')
+    initialize!
+
+    css_output = render_asset("imports_test.css")
+    assert_match /main/,                     css_output
+    assert_match /top-level/,                css_output
+    assert_match /partial-sass/,             css_output
+    assert_match /partial-scss/,             css_output
+    assert_match /partial-foo/,              css_output
+    assert_match /sub-folder-relative-sass/, css_output
+    assert_match /sub-folder-relative-scss/, css_output
+    assert_match /not-a-partial/,            css_output
+    assert_match /plain-old-css/,            css_output
+    assert_match /another-plain-old-css/,    css_output
+    assert_match /without-css-ext/,          css_output
+    assert_match /css-scss-handler/,         css_output
+    assert_match /css-sass-handler/,         css_output
+    assert_match /css-erb-handler/,          css_output
+    assert_match /scss-erb-handler/,         css_output
+    assert_match /sass-erb-handler/,         css_output
+
+    # do these two actually test anything?
+    # should the extension be changed?
+    assert_match /css-sass-erb-handler/,     css_output
+    assert_match /css-scss-erb-handler/,     css_output
+
+    assert_match /default-old-css/,          css_output
+
+    assert_match /globbed/,                  css_output
+    assert_match /nested-glob/,              css_output
+
+    assert_match /partial_in_load_paths/,    css_output
+  end
+
+  def test_style_config_item_is_defaulted_to_expanded_in_development_mode
+    initialize_dev!
+    assert_equal :expanded, Rails.application.config.sass.style
+  end
+
+  def test_style_config_item_is_honored
+    @app.config.sass.style = :nested
+    initialize!
+    assert_equal :nested, Rails.application.config.sass.style
+  end
+
+  def test_line_comments_active_in_dev
+    @app.config.sass.line_comments = true
+    initialize_dev!
+
+    css_output = render_asset("css_scss_handler.css")
+    assert_match %r{/* line 1}, css_output
+    assert_match %r{.+test/dummy/app/assets/stylesheets/css_scss_handler.css.scss}, css_output
+  end
+
+  def test_context_is_being_passed_to_erb_render
+    initialize!
+
+    css_output = render_asset("erb_render_with_context.css.erb")
+    assert_match /@font-face/, css_output
+  end
+
+  def test_special_characters_compile
+    initialize!
+    css_output = render_asset("special_characters.css")
+  end
+
+  def test_css_compressor_config_item_is_honored_if_not_development_mode
+    @app.config.assets.css_compressor = :test
+    initialize_prod!
+    assert_equal :test, Rails.application.config.assets.css_compressor
+  end
+
+  def test_css_compressor_config_item_may_be_nil_in_test_mode
+    @app.config.assets.css_compressor = nil
+    initialize!
+    assert_nil Rails.application.config.assets.css_compressor
+  end
+
+  def test_css_compressor_is_defined_in_test_mode
+    initialize!
+    assert_equal :sass, Rails.application.config.assets.css_compressor
+  end
+
+  def test_css_compressor_is_defined_in_prod_mode
+    initialize_prod!
+    assert_equal :sass, Rails.application.config.assets.css_compressor
+  end
+
+  def test_compression_works
+    initialize_prod!
+
+    asset = render_asset("application.css")
+    assert_equal <<-CSS, asset
+.hello{color:#FFF}
+    CSS
+  end
+
+  def test_compression_works
+    initialize_prod!
+
+    asset = render_asset("application.css")
+    assert_equal <<-CSS, asset
+.hello{color:#FFF}
+    CSS
+  end
+
+  def test_sassc_compression_is_used
+    engine = stub(render: "")
+    SassC::Engine.expects(:new).returns(engine)
+    SassC::Engine.expects(:new).with("", {style: :compressed}).returns(engine)
+
+    initialize_prod!
+
+    render_asset("application.css")
+  end
+
+  def test_allows_for_inclusion_of_inline_source_maps
+    @app.config.sass.inline_source_maps = true
+    initialize_dev!
+
+    asset = render_asset("application.css")
+    assert_match /.hello/, asset
+    assert_match /sourceMappingURL/, asset
+  end
+
+  #test 'sprockets require works correctly' do
+  #  skip
+
+  #  within_rails_app('scss_project') do |app_root|
+  #    css_output = asset_output('css_application.css')
+  #    assert_match /globbed/, css_output
+
+  #    if File.exist?("#{app_root}/log/development.log")
+  #      log_file = "#{app_root}/log/development.log"
+  #    elsif File.exist?("#{app_root}/log/test.log")
+  #      log_file = "#{app_root}/log/test.log"
+  #    else
+  #      flunk "log file was not created"
+  #    end
+
+  #    log_output = File.open(log_file).read
+  #    refute_match /Warning/, log_output
+  #  end
+  #end
+
+  #test 'sprockets directives are ignored within an import' do
+  #  skip
+
+  #  css_output = sprockets_render('scss_project', 'import_css_application.css')
+  #  assert_match /\.css-application/,        css_output
+  #  assert_match /\.import-css-application/, css_output
+  #end
+
+  def test_globbed_imports_work_with_multiple_extensions
+    initialize!
+
+    asset = render_asset("glob_multiple_extensions_test.css")
+
+    assert_equal <<-CSS, asset
+.glob{margin:0}
+    CSS
+  end
+
+  def test_globbed_imports_work_when_globbed_file_is_changed
+    skip "This seems to work in practice, possible test setup problem"
+
+    begin
+      initialize!
+
+      new_file = File.join(File.dirname(__FILE__), 'dummy', 'app', 'assets', 'stylesheets', 'globbed', 'new_glob.scss')
+
+      File.open(new_file, 'w') do |file|
+        file.puts '.new-file-test { color: #000; }'
+      end
+
+      css_output = render_asset("glob_test.css")
+      assert_match /new-file-test/, css_output
+
+      File.open(new_file, 'w') do |file|
+        file.puts '.changed-file-test { color: #000; }'
+      end
+
+      new_css_output = render_asset("glob_test.css")
+      assert_match /changed-file-test/, new_css_output
+      refute_equal css_output, new_css_output
+    ensure
+      File.delete(new_file)
+    end
+  end
+
+  def test_globbed_imports_work_when_globbed_file_is_added
+    begin
+      initialize!
+
+      css_output = render_asset("glob_test.css")
+      refute_match /changed-file-test/, css_output
+      new_file = File.join(File.dirname(__FILE__), 'dummy', 'app', 'assets', 'stylesheets', 'globbed', 'new_glob.scss')
+
+      File.open(new_file, 'w') do |file|
+        file.puts '.changed-file-test { color: #000; }'
+      end
+
+      new_css_output = render_asset("glob_test.css")
+      assert_match /changed-file-test/, new_css_output
+      refute_equal css_output, new_css_output
+    ensure
+      File.delete(new_file)
+    end
+  end
+
+  class TestCompressor
+    def self.call(*); end
+  end
+end

data/test/test_helper.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+ENV["RAILS_ENV"] = "test"
+
+$LOAD_PATH.unshift(File.join(File.dirname(__FILE__), '..', 'lib'))
+$LOAD_PATH.unshift(File.dirname(__FILE__))
+
+require "pry"
+require "fileutils"
+require 'rails'
+require 'bundler/setup'
+require "minitest/autorun"
+require 'mocha/minitest'
+
+Bundler.require
+
+Dir["#{File.dirname(__FILE__)}/support/**/*.rb"].each { |f| require f }