middleman-sprockets-cj 3.3.6

data/features/asset_hash.feature

@@ -0,0 +1,107 @@
+@new
+Feature: Assets get a file hash appended to their URL and references to them are updated
+  Scenario: Hashed-asset files are produced, and HTML, CSS, and JavaScript gets rewritten to reference the new files
+    Given a successfully built app at "asset-hash-app"
+    When I cd to "build"
+    Then the following files should exist:
+      | index.html |
+      | images/100px-1242c368.png |
+      | images/100px-5fd6fb90.jpg |
+      | images/100px-5fd6fb90.gif |
+      | javascripts/application-df677242.js |
+      | stylesheets/site-b7f4d02f.css |
+      | index.html |
+      | subdir/index.html |
+      | other/index.html |
+    And the following files should not exist:
+      | images/100px.png |
+      | images/100px.jpg |
+      | images/100px.gif |
+      | javascripts/application.js |
+      | stylesheets/site.css |
+      
+    And the file "javascripts/application-df677242.js" should contain "img.src = '/images/100px-5fd6fb90.jpg'"
+    And the file "stylesheets/site-b7f4d02f.css" should contain 'background-image: url("../images/100px-5fd6fb90.jpg")'
+    And the file "index.html" should contain 'href="stylesheets/site-b7f4d02f.css"'
+    And the file "index.html" should contain 'src="javascripts/application-df677242.js"'
+    And the file "index.html" should contain 'src="images/100px-5fd6fb90.jpg"'
+    And the file "subdir/index.html" should contain 'href="../stylesheets/site-b7f4d02f.css"'
+    And the file "subdir/index.html" should contain 'src="../javascripts/application-df677242.js"'
+    And the file "subdir/index.html" should contain 'src="../images/100px-5fd6fb90.jpg"'
+    And the file "other/index.html" should contain 'href="../stylesheets/site-b7f4d02f.css"'
+    And the file "other/index.html" should contain 'src="../javascripts/application-df677242.js"'
+    And the file "other/index.html" should contain 'src="../images/100px-5fd6fb90.jpg"'
+    
+  Scenario: Hashed assets work in preview server
+    Given the Server is running at "asset-hash-app"
+    When I go to "/"
+    Then I should see 'href="stylesheets/site-b7f4d02f.css"'
+    Then I should see 'href="stylesheets/jquery-mobile-05f64032.css"'
+    And I should see 'src="javascripts/application-df677242.js"'
+    And I should see 'src="images/100px-5fd6fb90.jpg"'
+    When I go to "/subdir/"
+    Then I should see 'href="../stylesheets/site-b7f4d02f.css"'
+    And I should see 'src="../javascripts/application-df677242.js"'
+    And I should see 'src="../images/100px-5fd6fb90.jpg"'
+    When I go to "/other/"
+    Then I should see 'href="../stylesheets/site-b7f4d02f.css"'
+    And I should see 'src="../javascripts/application-df677242.js"'
+    And I should see 'src="../images/100px-5fd6fb90.jpg"'
+    When I go to "/javascripts/application-df677242.js"
+    Then I should see "img.src = '/images/100px-5fd6fb90.jpg'"
+    When I go to "/stylesheets/site-b7f4d02f.css"
+    Then I should see 'background-image: url("../images/100px-5fd6fb90.jpg")'
+    When I go to "/stylesheets/jquery-mobile-05f64032.css"
+    Then I should see 'background-image: url("../images/jquery-mobile/icons-18-white-1681b2cc.png")'
+
+  Scenario: Enabling an asset host still produces hashed files and references  
+    Given the Server is running at "asset-hash-host-app"
+    When I go to "/"
+    Then I should see 'href="http://middlemanapp.com/stylesheets/site-1fdf4fb5.css"'
+    And I should see 'src="http://middlemanapp.com/images/100px-5fd6fb90.jpg"'
+    When I go to "/subdir/"
+    Then I should see 'href="http://middlemanapp.com/stylesheets/site-1fdf4fb5.css"'
+    And I should see 'src="http://middlemanapp.com/images/100px-5fd6fb90.jpg"'
+    When I go to "/other/"
+    Then I should see 'href="http://middlemanapp.com/stylesheets/site-1fdf4fb5.css"'
+    And I should see 'src="http://middlemanapp.com/images/100px-5fd6fb90.jpg"'
+    When I go to "/stylesheets/site-1fdf4fb5.css"
+    Then I should see 'background-image: url("http://middlemanapp.com/images/100px-5fd6fb90.jpg")'
+
+  Scenario: The asset hash should change when a SASS partial changes
+    Given the Server is running at "asset-hash-app"
+    And the file "source/stylesheets/_partial.sass" has the contents
+      """
+      body
+        font-size: 14px
+      """
+    When I go to "/partials/"
+    Then I should see 'href="../stylesheets/uses_partials-a48be509.css'
+    And wait a second
+    And the file "source/stylesheets/_partial.sass" has the contents
+      """
+      body
+        font-size: 18px !important
+      """
+    When I go to "/partials/"
+    Then I should see 'href="../stylesheets/uses_partials-e8c3d4eb.css'
+
+  Scenario: The asset hash should change when a Javascript partial changes
+    Given the Server is running at "asset-hash-app"
+    And the file "source/javascripts/sprockets_sub.js" has the contents
+      """
+      function sprockets_sub_function() { }
+      """
+    When I go to "/partials/"
+    Then I should see 'src="../javascripts/sprockets_base-0252a861.js'
+    When I go to "/javascripts/sprockets_base-0252a861.js"
+    Then I should see "sprockets_sub_function"
+    And wait a second
+    And the file "source/javascripts/sprockets_sub.js" has the contents
+      """
+      function sprockets_sub2_function() { }
+      """
+    When I go to "/partials/"
+    Then I should see 'src="../javascripts/sprockets_base-5121d891.js'
+    When I go to "/javascripts/sprockets_base-5121d891.js"
+    Then I should see "sprockets_sub2_function"

data/features/bower.feature

@@ -0,0 +1,37 @@
+Feature: Bower
+  Scenario: Sprockets can pull underscore from bower
+    Given the Server is running at "bower-app"
+    When I go to "/javascripts/application.js"
+    Then I should see "return _;"
+
+  Scenario: Sprockets can build underscore from bower
+    Given a successfully built app at "bower-app"
+    When I cd to "build"
+    Then the following files should exist:
+      | javascripts/application.js |
+    And the file "javascripts/application.js" should contain "return _;"
+
+  Scenario: Sprockets should not mess with bower.json
+    Given a successfully built app at "bower-json-app"
+    When I cd to "build"
+    Then the following files should exist:
+      | javascripts/bower.json |
+    And the file "javascripts/bower.json" should contain '"name": "my-project",'
+
+  Scenario: Assets can be added to the build with import_asset from bower dir
+    Given a successfully built app at "bower-app"
+    When I cd to "build"
+    Then a file named "javascripts/underscore/underscore.js" should exist
+
+  Scenario: Multiple assets can be added to the build with import_asset from bower dir and are placed in the correct directory
+    Given a successfully built app at "bower-multiple-assets-app"
+    When I cd to "build"
+    Then a file named "images/lightbox2/img/close.png" should exist
+    Then a file named "javascripts/lightbox2/js/lightbox.js" should exist
+
+  Scenario: Assets can have an individual output directory
+    Given a successfully built app at "bower-individual-outputdir-app"
+    When I cd to "build"
+    Then a file named "underscore.js" should exist
+    And a file named "hello_world/lightbox2/img/close.png" should exist
+    And a file named "javascripts/lightbox2/js/lightbox.js" should exist

data/features/jst.feature

@@ -0,0 +1,14 @@
+Feature: Sprockets JST
+
+  Scenario: EJS
+    Given the Server is running at "sprockets-app2"
+    When I go to "/javascripts/templates.js"
+    Then I should see '["_templates/test"] = function'
+    And I should see '["_templates/test2"] = function'
+    
+  Scenario: Multiple engine files should build correctly
+    Given a successfully built app at "sprockets-app2"
+    When I cd to "build"
+    Then a file named "javascripts/templates.js" should exist
+    And the file "javascripts/templates.js" should contain '["_templates/test"] = function'
+    And the file "javascripts/templates.js" should contain '["_templates/test2"] = function'

data/features/long_filenames.feature

@@ -0,0 +1,17 @@
+Feature: Long Filenames
+
+  Scenario: Checking built folder for content
+    Given a successfully built app at "long-filenames-app"
+    When I cd to "build"
+    Then the following files should exist:
+      | images/00000000-0000-0000-0000-000000.svg |
+      | images/00000000-0000-0000-0000-0000001.svg |
+    And the file "images/00000000-0000-0000-0000-000000.svg" should contain "<svg xmlns"
+    And the file "images/00000000-0000-0000-0000-0000001.svg" should contain "<svg xmlns"
+
+  Scenario: Rendering html
+    Given the Server is running at "long-filenames-app"
+    When I go to "/images/00000000-0000-0000-0000-000000.svg"
+    Then I should see "<svg xmlns"
+    When I go to "/images/00000000-0000-0000-0000-0000001.svg"
+    Then I should see "<svg xmlns"

data/features/sass_globs.feature

@@ -0,0 +1,9 @@
+Feature: Sass should glob partials like sass-rails
+
+  Scenario: Sass globbing should work
+    Given the Server is running at "glob-app"
+    When I go to "/stylesheets/main.css"
+    Then I should see "module1"
+    And I should see "module2"
+    And I should see "shared-root"
+    And I should see "bootstrap"

data/features/sass_partials.feature

@@ -0,0 +1,36 @@
+Feature: Sass partials should work with Sprockets
+
+  Scenario: The preview server should update stylesheets when Sprockets partials change
+    Given the Server is running at "preview-app"
+    And the file "source/stylesheets/main2.css.sass" has the contents
+      """
+      //= require "_partial2.css.sass"
+
+      red
+        color: red
+      """
+    And the file "source/stylesheets/_partial2.css.sass" has the contents
+      """
+      body
+        font-size: 14px
+      """
+    When I go to "/stylesheets/main2.css"
+    Then I should see "color: red;"
+    Then I should see "font-size: 14px"
+    And wait a second
+    And the file "source/stylesheets/main2.css.sass" has the contents
+      """
+      //= require "_partial2.css.sass"
+
+      red
+        color: blue
+      """
+    And the file "source/stylesheets/_partial2.css.sass" has the contents
+      """
+      body
+        font-size: 18px
+      """
+    When I go to "/stylesheets/main2.css"
+    When I go to "/stylesheets/main2.css"
+    Then I should see "color: blue;"
+    Then I should see "font-size: 18px"

data/features/sprockets.feature

@@ -0,0 +1,129 @@
+Feature: Sprockets
+
+  Scenario: Sprockets JS require
+    Given the Server is running at "sprockets-app2"
+    When I go to "/javascripts/sprockets_base.js"
+    Then I should see "sprockets_sub_function"
+
+  Scenario: javascript_include_tag with opts
+    Given the Server is running at "sprockets-app"
+    When I go to "/index.html"
+    Then I should see "data-name"
+
+  Scenario: asset_path helper
+    Given the Server is running at "sprockets-app2"
+    When I go to "/javascripts/asset_path.js"
+    Then I should see "templates.js"
+
+  Scenario: Sprockets JS require with custom :js_dir
+    Given the Server is running at "sprockets-app"
+    When I go to "/library/js/sprockets_base.js"
+    Then I should see "sprockets_sub_function"
+
+  Scenario: Plain JS require with custom :js_dir
+    Given the Server is running at "sprockets-app"
+    When I go to "/library/css/plain.css"
+    Then I should see "helloWorld"
+
+  Scenario: Sprockets JS should have access to yaml data
+    Given the Server is running at "sprockets-app2"
+    When I go to "/javascripts/multiple_engines.js"
+    Then I should see "Hello One"
+
+  Scenario: Sprockets JS should only contain body when requested
+    Given the Server is running at "sprockets-app2"
+    When I go to "/javascripts/sprockets_base.js?body=1"
+    Then I should see "base"
+    And I should not see "sprockets_sub_function"
+
+  Scenario: Script tags should be provided individually while debugging assets
+    Given the Server is running at "sprockets-app-debug-assets"
+    When I go to "/index.html"
+    Then I should see "data-name"
+    Then I should see 'src="/javascripts/dependency2.js?body=1"'
+    Then I should see 'src="/javascripts/dependency1.js?body=1"'
+    Then I should see 'src="/javascripts/main.js?body=1"'
+
+  Scenario: External script tags should not be changed
+    Given the Server is running at "sprockets-app-debug-assets"
+    When I go to "/index.html"
+    Then I should see 'src="//domain.com/script.js"'
+    Then I should see 'src="http://domain.com/script.js"'
+    Then I should see 'src="https://domain.com/script.js"'
+
+ Scenario: Sprockets CSS should only contain body when requested
+    Given the Server is running at "sprockets-app-debug-assets"
+    When I go to "/stylesheets/app.css?body=1"
+    Then I should see "body"
+
+  Scenario: Stylesheets tags should be provided individually while debugging assets
+    Given the Server is running at "sprockets-app-debug-assets"
+    When I go to "/index.html"
+    Then I should see 'href="/stylesheets/app.css?body=1"'
+    Then I should see 'href="/stylesheets/dependency1.css?body=1"'
+    Then I should see 'href="/stylesheets/dependency2.css?body=1"'
+
+  Scenario: External stylesheet tags should not be changed
+    Given the Server is running at "sprockets-app-debug-assets"
+    When I go to "/index.html"
+    Then I should see 'href="//domain.com/styles.css"'
+    Then I should see 'href="http://domain.com/styles.css"'
+    Then I should see 'href="https://domain.com/styles.css"'
+
+  Scenario: Multiple engine files should build correctly
+    Given a successfully built app at "sprockets-app2"
+    When I cd to "build"
+    Then a file named "javascripts/multiple_engines.js" should exist
+    And the file "javascripts/multiple_engines.js" should contain "Hello One"
+
+  Scenario: Sprockets CSS require //require
+    Given the Server is running at "sprockets-app2"
+    When I go to "/stylesheets/sprockets_base1.css"
+    Then I should see "hello"
+
+  Scenario: Sprockets CSS require @import
+    Given the Server is running at "sprockets-app2"
+    When I go to "/stylesheets/sprockets_base2.css"
+    Then I should see "hello"
+
+  Scenario: Sprockets CSS require with custom :css_dir //require
+    Given the Server is running at "sprockets-app"
+    When I go to "/library/css/sprockets_base1.css"
+    Then I should see "hello"
+
+  Scenario: Plain CSS require with custom :css_dir
+    Given the Server is running at "sprockets-app"
+    When I go to "/library/css/plain.css"
+    Then I should see "helloWorld"
+
+  Scenario: Sprockets CSS require with custom :css_dir @import
+    Given the Server is running at "sprockets-app"
+    When I go to "/library/css/sprockets_base2.css"
+    Then I should see "hello"
+
+  Scenario: Sprockets inline Images with asset_path and image_path helpers
+    Given the Server is running at "sprockets-images-app"
+    When I go to "/"
+    Then I should see 'src="/library/images/cat.jpg"'
+    And I should see 'src="/library/images/cat-2.jpg"'
+    When I go to "/library/images/cat.jpg"
+    Then I should get a response with status "200"
+    When I go to "/library/images/cat-2.jpg"
+    Then I should get a response with status "200"
+
+  Scenario: Assets built through import_asset are built with the right extension
+    Given a successfully built app at "sprockets-app"
+    When I cd to "build"
+    # source file is /library/css/vendored.css.scss
+    Then a file named "library/css/vendored.css" should exist
+    # source file is /library/css/coffee.js.coffee
+    Then a file named "library/js/coffee.js" should exist
+
+  Scenario: Vendor assets get right extension
+    Given the Server is running at "sprockets-app"
+    # source file is /library/css/vendored.css.scss
+    When I go to "/library/css/vendored.css"
+    And I should see 'background: brown;'
+    # source file is /library/js/coffee.js.coffee
+    When I go to "/library/js/coffee.js"
+    And I should see 'return console.log("bar");'

data/features/sprockets_gems.feature

@@ -0,0 +1,67 @@
+Feature: Sprockets Gems
+  Scenario: Sprockets can pull jQuery from gem
+    Given the Server is running at "sprockets-app"
+    When I go to "/library/js/jquery_include.js"
+    Then I should see "window.jQuery ="
+
+  Scenario: Sprockets can pull CSS from gem
+    Given the Server is running at "sprockets-app"
+    When I go to "/library/css/bootstrap_include.css"
+    Then I should see ".btn-default"
+
+  Scenario: Sprockets can pull js from vendored assets
+    Given the Server is running at "sprockets-app"
+    When I go to "/library/js/vendored_include.js"
+    Then I should see "var vendored_js_included = true;"
+
+  Scenario: Sprockets can pull js from custom vendor dir
+    Given the Server is running at "asset-paths-app"
+    When I go to "/javascripts/vendored_include.js"
+    Then I should see "var vendored_js_included = true;"
+
+  Scenario: Proper reference to images from a gem, in preview
+    Given the Server is running at "jquery-mobile-app"
+    When I go to "/stylesheets/base.css"
+    Then I should see 'url("/images/jquery-mobile/ajax-loader.gif")'
+
+  Scenario: Proper reference to images from a gem, in build
+    Given a successfully built app at "jquery-mobile-app"
+    When I cd to "build"
+    Then the following files should exist:
+      | stylesheets/base.css |
+      | images/jquery-mobile/ajax-loader.gif |
+    And the file "stylesheets/base.css" should contain 'url("/images/jquery-mobile/ajax-loader.gif")'
+
+  Scenario: Same thing, but with :relative_assets on
+    Given a fixture app "jquery-mobile-app"
+    And a file named "config.rb" with:
+      """
+      activate :relative_assets
+      """
+    Given the Server is running at "jquery-mobile-app"
+    When I go to "/stylesheets/base.css"
+    Then I should see 'url("../images/jquery-mobile/ajax-loader.gif")'
+
+  Scenario: JS/CSS from gems aren't aumatically in the site
+    Given the Server is running at "jquery-mobile-app"
+    When I go to "/javascripts/jquery.mobile.js"
+    Then I should get a response with status "404"
+
+  Scenario: JS/CSS from gems can be declared to be accessible
+    Given a fixture app "jquery-mobile-app"
+    Given a file named "config.rb" with:
+      """
+      after_configuration do
+        sprockets.import_asset 'jquery.mobile'
+      end
+      """
+    And the Server is running at "jquery-mobile-app"
+    When I go to "/javascripts/jquery.mobile.js"
+    Then I should get a response with status "200"
+
+  Scenario: JS/CSS from gems are accessible when debugging assets and they are required
+    Given the Server is running at "sprockets-app-debug-assets"
+    And the Server is running at "sprockets-app-debug-assets"
+    When I go to "/index.html"
+    When I go to "/javascripts/bootstrap/alert.js?body=1"
+    Then I should get a response with status "200"

data/features/step_definitions/server_steps.rb

@@ -0,0 +1,7 @@
+Then /^I should get a response with status "(.*?)"$/ do |status|
+  (@last_response || @browser.last_response).status.should == status.to_i
+end
+
+Given /^wait a second$/ do
+  sleep(1)
+end

data/features/support/env.rb

@@ -0,0 +1,18 @@
+PROJECT_ROOT_PATH = File.dirname(File.dirname(File.dirname(__FILE__)))
+
+require 'simplecov'
+SimpleCov.command_name 'cucumber'
+SimpleCov.start
+
+# Pull in all of the gems including those in the `test` group
+require 'bundler'
+Bundler.require :default, :test, :development
+
+ENV['TEST'] = 'true'
+ENV["AUTOLOAD_SPROCKETS"] = "true"
+
+require "middleman-core"
+require "middleman-core/step_definitions"
+require File.join(PROJECT_ROOT_PATH, 'lib', 'middleman-sprockets')
+require "erubis"
+