1
0
Fork 0
mirror of https://github.com/middleman/middleman.git synced 2022-11-09 12:20:27 -05:00
middleman--middleman/middleman-more/features/sass_partials.feature
2011-12-29 15:09:51 -08:00

83 lines
No EOL
2.4 KiB
Gherkin

Feature: Sass Updates and Partials
Scenario: The preview server should update stylesheets when Sass changes
Given the Server is running at "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 "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: 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 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"
Then I should see "color: blue;"
Then I should see "font-size: 18px"