diff --git a/_includes/responsive-image.html b/features/fixtures/_includes/responsive-image.html
similarity index 60%
rename from _includes/responsive-image.html
rename to features/fixtures/_includes/responsive-image.html
index 7111d43..fa6032c 100644
--- a/_includes/responsive-image.html
+++ b/features/fixtures/_includes/responsive-image.html
@@ -1,5 +1,5 @@
-
+"{% endif %}>
diff --git a/features/fixtures/assets/test.png b/features/fixtures/assets/test.png
new file mode 100644
index 0000000..e53ebca
Binary files /dev/null and b/features/fixtures/assets/test.png differ
diff --git a/features/responsive-image.feature b/features/responsive-image.feature
index 9693380..d636b74 100644
--- a/features/responsive-image.feature
+++ b/features/responsive-image.feature
@@ -10,7 +10,38 @@ Feature: Jekyll responsive-image tag
"""
And I have a file "index.html" with:
"""
- {% responsive_image path: assets/test.jpg %}
+ {% responsive_image path: assets/test.png alt: Foobar %}
"""
When I run Jekyll
- Then I should see "" in "_site/index.html"
+ Then I should see "" 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 "" 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 "