middleman-core 3.1.0.beta.3 → 3.1.0.rc.1

data/features/relative_assets.feature

@@ -0,0 +1,136 @@
+Feature: Relative Assets
+  In order easily switch between relative and absolute paths
+
+  Scenario: Previewing css with the feature disabled
+    Given "relative_assets" feature is "disabled"
+    And the Server is running at "relative-assets-app"
+    When I go to "/stylesheets/relative_assets.css"
+    Then I should not see "url('../"
+    And I should see "/images/blank.gif')"
+
+  Scenario: Building css with the feature disabled
+    Given a fixture app "relative-assets-app"
+    And a file named "config.rb" with:
+      """
+      """
+    Given a successfully built app at "relative-assets-app"
+    When I cd to "build"
+    Then the file "stylesheets/relative_assets.css" should contain "url('/images/blank.gif')"
+
+  Scenario: Rendering html with the feature disabled
+    Given "relative_assets" feature is "disabled"
+    And the Server is running at "relative-assets-app"
+    When I go to "/relative_image.html"
+    Then I should see "/images/blank.gif"
+
+  Scenario: Rendering css with the feature enabled
+    Given "relative_assets" feature is "enabled"
+    And the Server is running at "relative-assets-app"
+    When I go to "/stylesheets/relative_assets.css"
+    Then I should see "url('../images/blank.gif"
+
+  Scenario: Building css with the feature enabled
+    Given a fixture app "relative-assets-app"
+    And a file named "config.rb" with:
+      """
+      activate :relative_assets
+      """
+    Given a successfully built app at "relative-assets-app"
+    When I cd to "build"
+    Then the file "stylesheets/relative_assets.css" should contain "url('../images/blank.gif')"
+
+  Scenario: Relative css reference with directory indexes
+    Given a fixture app "relative-assets-app"
+    And a file named "config.rb" with:
+      """
+      activate :directory_indexes
+      activate :relative_assets
+      """
+    Given a successfully built app at "relative-assets-app"
+    When I cd to "build"
+    Then the file "relative_image/index.html" should contain "../stylesheets/relative_assets.css"
+
+  Scenario: Rendering html with the feature enabled
+    Given "relative_assets" feature is "enabled"
+    And the Server is running at "relative-assets-app"
+    When I go to "/relative_image.html"
+    Then I should not see "/images/blank.gif"
+    And I should see "images/blank.gif"
+
+  Scenario: Rendering css with a custom images_dir
+    Given "relative_assets" feature is "enabled"
+    And "images_dir" is set to "img"
+    And the Server is running at "relative-assets-app"
+    When I go to "/stylesheets/relative_assets.css"
+    Then I should see "url('../img/blank.gif')"
+
+  Scenario: Building css with a custom images_dir
+    Given a fixture app "relative-assets-app"
+    And a file named "config.rb" with:
+      """
+      set :images_dir, "img"
+      activate :relative_assets
+      """
+    Given a successfully built app at "relative-assets-app"
+    When I cd to "build"
+    Then the file "stylesheets/relative_assets.css" should contain "url('../img/blank.gif')"
+
+  Scenario: Rendering html with a custom images_dir
+    Given "relative_assets" feature is "enabled"
+    And "images_dir" is set to "img"
+    And the Server is running at "relative-assets-app"
+    When I go to "/relative_image.html"
+    Then I should not see "/images/blank.gif"
+    Then I should not see "/img/blank.gif"
+    And I should see "img/blank.gif"
+
+  Scenario: Rendering scss with the feature enabled
+    Given "relative_assets" feature is "enabled"
+    And the Server is running at "fonts-app"
+    When I go to "/stylesheets/fonts.css"
+    Then I should see "url('../fonts/StMarie-Thin.otf"
+    And I should see "url('../fonts/blank/blank.otf"
+
+  Scenario: Rendering scss with the feature enabled and a custom fonts_dir
+    Given "relative_assets" feature is "enabled"
+    And "fonts_dir" is set to "otf"
+    And the Server is running at "fonts-app"
+    When I go to "/stylesheets/fonts.css"
+    Then I should not see "url('../fonts/StMarie-Thin.otf"
+    And I should see "url('../otf/StMarie-Thin.otf"
+    And I should see "url('../otf/blank/blank.otf"
+
+  Scenario: Building scss with the feature enabled
+    Given a fixture app "fonts-app"
+    And a file named "config.rb" with:
+      """
+      activate :relative_assets
+      """
+    Given a successfully built app at "fonts-app"
+    When I cd to "build"
+    Then the file "stylesheets/fonts.css" should contain "url('../fonts/StMarie-Thin.otf')"
+    And the file "stylesheets/fonts.css" should contain "url('../fonts/blank/blank.otf')"
+
+  Scenario: Building scss with the feature enabled and a custom fonts_dir
+    Given a fixture app "fonts-app"
+    And a file named "config.rb" with:
+      """
+      set :fonts_dir, "otf"
+      activate :relative_assets
+      """
+    Given a successfully built app at "fonts-app"
+    When I cd to "build"
+    Then the file "stylesheets/fonts.css" should not contain "url('../fonts/StMarie-Thin.otf')"
+    And the file "stylesheets/fonts.css" should contain "url('../otf/StMarie-Thin.otf')"
+    And the file "stylesheets/fonts.css" should contain "url('../otf/blank/blank.otf')"
+
+  Scenario: Relative assets via image_tag
+    Given a fixture app "relative-assets-app"
+    Given "relative_assets" feature is "enabled"
+    And a file named "source/sub/image_tag.html.erb" with:
+      """
+      <%= image_tag '/img/blank.gif' %>
+      """
+    And the Server is running at "relative-assets-app"
+    When I go to "/sub/image_tag.html"
+    Then I should see '<img src="../img/blank.gif" />'

data/features/sass-assets-paths.feature

@@ -0,0 +1,11 @@
+Feature: Support SASS assets paths
+ In order to import common shared assets when writing Sass
+
+ Scenario: Importing assets from 'assets/stylesheets/' directory in app root
+   Given the Server is running at "sass-assets-path-app"
+   When I go to "/stylesheets/plain.css"
+   Then I should see "color: green;"
+   Then I should see "/* Works with shared SCSS assets from APPROOT/assets/stylesheets/_shared-asset.scss */"
+   Then I should see "/* Works with shared SASS assets from APPROOT/assets/stylesheets/_shared-asset-sass.sass */"
+   Then I should see "font-size: 18px"
+   Then I should see "/* Works with shared SASS assets from external source directory */"

data/features/sass_cache_path.feature

@@ -0,0 +1,22 @@
+Feature: SASS .sass-cache custom location
+
+  Scenario: Using the default location for .sass-cache folder
+    Given the Server is running at "sass-cache-path-default-app"
+
+    When I go to "/stylesheets/plain.css"
+    Then I should see "color: blue;"
+
+    #  TODO:: 
+    #  Not sure how to test this location, as the directory is stored outside of the app root
+    #  during testing, but inside app root in "production"
+
+    # Then a directory named ".sass-cache" should exist
+
+
+  Scenario: Using a custom location for .sass-cache folder
+    Given the Server is running at "sass-cache-path-custom-app"
+
+    When I go to "/stylesheets/plain.css"
+    Then I should see "html, body, div, span, applet, object, iframe,"
+
+    Then a directory named "/tmp/middleman-core-custom-sass_cache_path" should exist

data/features/sass_partials.feature

@@ -0,0 +1,54 @@
+Feature: Sass Updates and Partials
+  Scenario: The preview server should update stylesheets when Sass changes
+    Given the Server is running at "more-preview-app"
+    And the file "source/stylesheets/plain.css.sass" has the contents
+      """
+      red
+        color: red
+      """
+    When I go to "/stylesheets/plain.css"
+    Then I should see "color: red;"
+    And the file "source/stylesheets/plain.css.sass" has the contents
+      """
+      red
+        color: blue
+      """
+    When I go to "/stylesheets/plain.css"
+    Then I should see "color: blue;"
+
+  Scenario: The preview server should update stylesheets when Sass partials change
+    Given the Server is running at "more-preview-app"
+    And the file "source/stylesheets/main.css.sass" has the contents
+      """
+      @import partial.sass
+
+      red
+        color: red
+      """
+    And the file "source/stylesheets/_partial.sass" has the contents
+      """
+      body
+        font-size: 14px
+      """
+    When I go to "/stylesheets/main.css"
+    Then I should see "color: red;"
+    And I should see "font-size: 14px;"
+    And the file "source/stylesheets/main.css.sass" has the contents
+      """
+      @import partial.sass
+
+      red
+        color: blue
+      """
+    And the file "source/stylesheets/_partial.sass" has the contents
+      """
+      body
+        font-size: 18px
+      """
+    When I go to "/stylesheets/main.css"
+    Then I should see "color: blue;"
+    And I should see "font-size: 18px"
+
+  Scenario: Sass partials should work when building
+    Given a successfully built app at "more-preview-app"
+    Then the file "build/stylesheets/main.css" should contain "font-size: 18px"

data/features/scss-support.feature

@@ -0,0 +1,12 @@
+Feature: Support SCSS Syntax
+ In order to offer an alternative when writing Sass
+
+ Scenario: Rendering scss
+   Given the Server is running at "scss-app"
+   When I go to "/stylesheets/site_scss.css"
+   Then I should see "html"
+
+ Scenario: Rendering scss
+   Given the Server is running at "scss-app"
+   When I go to "/stylesheets/layout.css"
+   Then I should see "html"

data/features/slim.feature

@@ -0,0 +1,69 @@
+Feature: Support slim templating language
+  In order to offer an alternative to Haml
+
+  Scenario: Rendering Slim
+    Given an empty app
+    And a file named "config.rb" with:
+      """
+      """
+    And a file named "source/slim.html.slim" with:
+      """
+      doctype 5
+      html lang='en'
+        head
+          meta charset="utf-8"
+
+        body
+          h1 Welcome to Slim
+      """
+    And the Server is running at "empty_app"
+    When I go to "/slim.html"
+    Then I should see "<h1>Welcome to Slim</h1>"
+
+  Scenario: Rendering Scss in a Slim filter
+    Given an empty app
+    And a file named "config.rb" with:
+      """
+      """
+    And a file named "source/scss.html.slim" with:
+      """
+      doctype 5
+      html lang='en'
+        head
+          meta charset="utf-8"
+          scss:
+            @import "compass";
+            @include global-reset;
+        body
+          h1 Welcome to Slim
+      """
+    And a file named "source/sass.html.slim" with:
+      """
+      doctype 5
+      html lang='en'
+        head
+          meta charset="utf-8"
+          sass:
+            @import "compass"
+            +global-reset
+        body
+          h1 Welcome to Slim
+      """
+    And a file named "source/error.html.slim" with:
+      """
+      doctype 5
+      html lang='en'
+        head
+          meta charset="utf-8"
+          scss:
+            +global-reset
+        body
+          h1 Welcome to Slim
+      """
+    And the Server is running at "empty_app"
+    When I go to "/scss.html"
+    Then I should see "html, body, div"
+    When I go to "/sass.html"
+    Then I should see "html, body, div"
+    When I go to "/error.html"
+    Then I should see "Syntax error"

data/features/stylus.feature

@@ -0,0 +1,55 @@
+@nojava
+Feature: Stylus Updates and Partials
+  Scenario: The preview server should update stylesheets when Stylus changes
+    Given the Server is running at "stylus-preview-app"
+    And the file "source/stylesheets/plain.css.styl" has the contents
+      """
+      red
+        color: #f0f0f0
+      """
+    When I go to "/stylesheets/plain.css"
+    Then I should see "color: #f0f0f0;"
+    And the file "source/stylesheets/plain.css.styl" has the contents
+      """
+      red
+        color: #0f0f0f
+      """
+    When I go to "/stylesheets/plain.css"
+    Then I should see "color: #0f0f0f;"
+
+  Scenario: The preview server should update stylesheets when Stylus partials change
+    Given the Server is running at "stylus-preview-app"
+    And the file "source/stylesheets/main.css.styl" has the contents
+      """
+      @import '_partial'
+
+      red
+        color: #f0f0f0
+      """
+    And the file "source/stylesheets/_partial.styl" has the contents
+      """
+      body
+        font-size: 14px
+      """
+    When I go to "/stylesheets/main.css"
+    Then I should see "color: #f0f0f0;"
+    And I should see "font-size: 14px;"
+    And the file "source/stylesheets/main.css.styl" has the contents
+      """
+      @import '_partial'
+
+      red
+        color: #0f0f0f
+      """
+    And the file "source/stylesheets/_partial.styl" has the contents
+      """
+      body
+        font-size: 18px
+      """
+    When I go to "/stylesheets/main.css"
+    Then I should see "color: #0f0f0f;"
+    And I should see "font-size: 18px"
+
+  Scenario: Stylus partials should work when building
+    Given a successfully built app at "stylus-preview-app"
+    Then the file "build/stylesheets/main.css" should contain "font-size: 18px"

data/features/twitter-bootstrap-compile.feature

@@ -0,0 +1,6 @@
+@nojava
+Feature: Compile a complicated Twitter bootstrap app 
+
+  Scenario: User drops Twitter Bootstrap source into an app
+  
+    Given a successfully built app at "twitter-bootstrap-app"

data/fixtures/asset-hash-app/config.rb

@@ -0,0 +1,8 @@
+
+activate :asset_hash
+
+activate :relative_assets
+
+activate :directory_indexes
+
+#page '/foo.html', :directory_index => false

data/fixtures/asset-hash-app/lib/middleware.rb

@@ -0,0 +1,16 @@
+class Middleware
+  def initialize(app)
+    @app = app
+  end
+
+  def call(env)
+    status, headers, response = @app.call(env)
+    body = ''
+    response.each {|part| body += part }
+    if (env["PATH_INFO"] =~ /css$/)
+      body += "\n/* Added by Rack filter */"
+      status, headers, response = Rack::Response.new(body, status, headers).finish
+    end
+    [status, headers, response]
+  end
+end