2009-11-23 00:37:11 +01:00
|
|
|
Feature: Minify CSS
|
|
|
|
In order reduce bytes sent to client and appease YSlow
|
|
|
|
|
2012-04-08 05:00:24 +02:00
|
|
|
Background:
|
|
|
|
Given current environment is "build"
|
|
|
|
|
2010-09-05 05:26:48 +02:00
|
|
|
Scenario: Rendering external css with the feature disabled
|
2012-04-26 22:54:38 +02:00
|
|
|
Given a fixture app "minify-css-app"
|
|
|
|
And a file named "config.rb" with:
|
|
|
|
"""
|
|
|
|
"""
|
2011-12-30 04:28:49 +01:00
|
|
|
And the Server is running at "minify-css-app"
|
2009-11-23 00:37:11 +01:00
|
|
|
When I go to "/stylesheets/site.css"
|
2012-02-08 17:47:34 +01:00
|
|
|
Then I should see "60" lines
|
|
|
|
And I should see "only screen and (device-width"
|
2009-11-23 00:37:11 +01:00
|
|
|
|
2010-09-05 05:26:48 +02:00
|
|
|
Scenario: Rendering external css with the feature enabled
|
2012-04-26 22:54:38 +02:00
|
|
|
Given a fixture app "minify-css-app"
|
|
|
|
And a file named "config.rb" with:
|
|
|
|
"""
|
|
|
|
activate :minify_css
|
|
|
|
"""
|
2011-12-30 04:28:49 +01:00
|
|
|
And the Server is running at "minify-css-app"
|
2009-11-23 00:37:11 +01:00
|
|
|
When I go to "/stylesheets/site.css"
|
2011-12-12 22:54:04 +01:00
|
|
|
Then I should see "1" lines
|
2012-02-08 17:47:34 +01:00
|
|
|
And I should see "only screen and (device-width"
|
2012-04-08 05:00:24 +02:00
|
|
|
When I go to "/more-css/site.css"
|
|
|
|
Then I should see "1" lines
|
2011-12-12 22:54:04 +01:00
|
|
|
|
|
|
|
Scenario: Rendering external css with passthrough compressor
|
|
|
|
Given the Server is running at "passthrough-app"
|
|
|
|
When I go to "/stylesheets/site.css"
|
2012-04-08 05:00:24 +02:00
|
|
|
Then I should see "55" lines
|
|
|
|
|
|
|
|
Scenario: Rendering inline css with the feature disabled
|
2012-04-26 22:54:38 +02:00
|
|
|
Given a fixture app "minify-css-app"
|
|
|
|
And a file named "config.rb" with:
|
|
|
|
"""
|
|
|
|
"""
|
2012-04-08 05:00:24 +02:00
|
|
|
And the Server is running at "minify-css-app"
|
|
|
|
When I go to "/inline-css.html"
|
|
|
|
Then I should see:
|
|
|
|
"""
|
|
|
|
<style type='text/css'>
|
|
|
|
/*<![CDATA[*/
|
|
|
|
body {
|
|
|
|
test: style;
|
|
|
|
good: deal;
|
|
|
|
}
|
|
|
|
/*]]>*/
|
|
|
|
</style>
|
|
|
|
"""
|
|
|
|
|
|
|
|
Scenario: Rendering inline css with a passthrough minifier
|
|
|
|
Given the Server is running at "passthrough-app"
|
|
|
|
When I go to "/inline-css.html"
|
|
|
|
Then I should see:
|
|
|
|
"""
|
|
|
|
<style type='text/css'>
|
|
|
|
body {
|
|
|
|
test: style;
|
|
|
|
good: deal; }
|
|
|
|
</style>
|
|
|
|
"""
|
|
|
|
|
|
|
|
Scenario: Rendering inline css with the feature enabled
|
2012-04-26 22:54:38 +02:00
|
|
|
Given a fixture app "minify-css-app"
|
|
|
|
And a file named "config.rb" with:
|
|
|
|
"""
|
|
|
|
activate :minify_css, :inline => true
|
|
|
|
"""
|
2012-04-08 05:00:24 +02:00
|
|
|
And the Server is running at "minify-css-app"
|
|
|
|
When I go to "/inline-css.html"
|
|
|
|
Then I should see:
|
|
|
|
"""
|
|
|
|
<style type='text/css'>
|
|
|
|
/*<![CDATA[*/
|
|
|
|
body{test:style;good:deal}
|
|
|
|
/*]]>*/
|
|
|
|
</style>
|
|
|
|
"""
|