2014-12-06 03:26:50 +11:00
|
|
|
|
Feature: Jekyll responsive-image tag
|
|
|
|
|
As a Jekyll template developer
|
|
|
|
|
I want to include responsive images in my page
|
|
|
|
|
In order to best cater for devices of all sizes
|
|
|
|
|
|
|
|
|
|
Scenario: Simple image tag
|
|
|
|
|
Given I have a responsive_image configuration with:
|
|
|
|
|
"""
|
|
|
|
|
template: _includes/responsive-image.html
|
|
|
|
|
"""
|
|
|
|
|
And I have a file "index.html" with:
|
|
|
|
|
"""
|
2014-12-06 10:55:10 +11:00
|
|
|
|
{% responsive_image path: assets/test.png alt: Foobar %}
|
2014-12-06 03:26:50 +11:00
|
|
|
|
"""
|
|
|
|
|
When I run Jekyll
|
2014-12-06 10:55:10 +11:00
|
|
|
|
Then I should see "<img alt=\"Foobar\" src=\"/assets/test.png\">" in "_site/index.html"
|
|
|
|
|
|
|
|
|
|
Scenario: UTF-8 alt attribute
|
|
|
|
|
Given I have a responsive_image configuration with:
|
|
|
|
|
"""
|
|
|
|
|
template: _includes/responsive-image.html
|
|
|
|
|
"""
|
|
|
|
|
And I have a file "index.html" with:
|
|
|
|
|
"""
|
|
|
|
|
{% responsive_image path: assets/test.png alt: "かっこいい! ジェケルが好きです!" %}
|
|
|
|
|
"""
|
|
|
|
|
When I run Jekyll
|
|
|
|
|
Then I should see "<img alt=\"かっこいい! ジェケルが好きです!\" src=\"/assets/test.png\">" in "_site/index.html"
|
|
|
|
|
|
|
|
|
|
Scenario: Image with multiple sizes
|
|
|
|
|
Given I have a responsive_image configuration with:
|
|
|
|
|
"""
|
|
|
|
|
template: _includes/responsive-image.html
|
|
|
|
|
sizes:
|
|
|
|
|
- width: 100
|
|
|
|
|
- width: 200
|
|
|
|
|
"""
|
|
|
|
|
And I have a file "index.html" with:
|
|
|
|
|
"""
|
|
|
|
|
{% responsive_image path: assets/test.png %}
|
|
|
|
|
"""
|
|
|
|
|
When I run Jekyll
|
|
|
|
|
Then I should see "<img alt=\"\" src=\"/assets/test.png\"" in "_site/index.html"
|
|
|
|
|
And I should see "/assets/resized/test-100x50.png 100w" in "_site/index.html"
|
|
|
|
|
And I should see "/assets/resized/test-200x100.png 200w" in "_site/index.html"
|
|
|
|
|
And the file "assets/resized/test-100x50.png" should exist
|
|
|
|
|
And the file "assets/resized/test-200x100.png" should exist
|