60 lines
2.2 KiB
Gherkin
60 lines
2.2 KiB
Gherkin
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:
|
||
"""
|
||
{% responsive_image path: assets/test.png alt: Foobar %}
|
||
"""
|
||
When I run Jekyll
|
||
Then I should see "<img alt=\"Foobar\" src=\"/assets/test.png\"" in "_site/index.html"
|
||
|
||
Scenario: Adding custom attributes
|
||
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: Foobar title: "Lorem Ipsum" %}
|
||
"""
|
||
When I run Jekyll
|
||
Then I should see "<img alt=\"Foobar\" src=\"/assets/test.png\" title=\"Lorem Ipsum\"" in "_site/index.html"
|
||
|
||
Scenario: UTF-8 attributes
|
||
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
|