middleman/middleman-core/features/sass_partials.feature

55 lines
1.6 KiB
Gherkin

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"