Feature: Rosey Build Complex
Background:
Given I have the environment variables:
| ROSEY_SOURCE | dist/site |
| ROSEY_DEST | dist/translated_site |
Scenario: Rosey build includes whitespace
Given I have a "dist/site/index.html" file with the content:
"""
Kiss From A Rose
"""
And I have a "rosey/locales/airy.json" file with the content:
"""
{
"seal": "\n \n Kiss From A Rose\n"
}
"""
When I run my program with the flags:
| build |
Then I should see a selector 'p' in "dist/translated_site/en/index.html" with the attributes:
| data-rosey | seal |
| innerText | \nKiss From A Rose\n |
And I should see a selector 'p' in "dist/translated_site/airy/index.html" with the attributes:
| data-rosey | seal |
| innerText | \n \n Kiss From A Rose\n |
Scenario: Rosey build includes HTML
Given I have a "dist/site/index.html" file with the content:
"""
Kiss From A Rose
"""
And I have a "rosey/locales/airy.json" file with the content:
"""
{
"seal": "
Kiss From A Rose
"
}
"""
When I run my program with the flags:
| build |
Then I should see a selector 'div > p' in "dist/translated_site/en/index.html" with the attributes:
| innerText | Kiss From A Rose |
And I should see a selector 'div > p > span' in "dist/translated_site/airy/index.html" with the attributes:
| class | rose |
| innerText | Rose |
Scenario: Rosey build includes utf8
Given I have a "dist/site/index.html" file with the content:
"""
🦭
𓀞𓂗𓃛𓄫𓋟
"""
And I have a "rosey/locales/hmm.json" file with the content:
"""
{
"e": "𓆔𓆫𓆿",
"seal": "c̬̟h͡a̫̻̯͘o̫̟̖͍̙̝͉s̗̦̲"
}
"""
When I run my program with the flags:
| build |
Then I should see a selector 'p' in "dist/translated_site/en/index.html" with the attributes:
| data-rosey | seal |
| innerText | 🦭 |
And I should see a selector 'p' in "dist/translated_site/en/index.html" with the attributes:
| data-rosey | e |
| innerText | 𓀞𓂗𓃛𓄫𓋟 |
And I should see a selector 'p' in "dist/translated_site/hmm/index.html" with the attributes:
| data-rosey | seal |
| innerText | c̬̟h͡a̫̻̯͘o̫̟̖͍̙̝͉s̗̦̲ |
And I should see a selector 'p' in "dist/translated_site/hmm/index.html" with the attributes:
| data-rosey | e |
| innerText | 𓆔𓆫𓆿 |
Scenario: Rosey build includes utf8 keys
Given I have a "dist/site/index.html" file with the content:
"""
seal
e
"""
And I have a "rosey/locales/rtl.json" file with the content:
"""
{
"אֱלֹהִים": "١٢٣",
"🦭": "بين ما, يذكر"
}
"""
# 👆 This whole line is RTL, it's likely rendering as
# { "value" :"key" ,"value" :"key" }
When I run my program with the flags:
| build |
Then I should see a selector 'p' in "dist/translated_site/en/index.html" with the attributes:
| data-rosey | 🦭 |
| innerText | seal |
And I should see a selector 'p' in "dist/translated_site/en/index.html" with the attributes:
| data-rosey | אֱלֹהִים |
| innerText | e |
And I should see a selector 'p' in "dist/translated_site/rtl/index.html" with the attributes:
| data-rosey | 🦭 |
| innerText | بين ما, يذكر |
And I should see a selector 'p' in "dist/translated_site/rtl/index.html" with the attributes:
| data-rosey | אֱלֹהִים |
| innerText | ١٢٣ |
Scenario: Rosey build handles missing translations
Given I have a "dist/site/index.html" file with the content:
"""
Kiss From A Rose
"""
And I have a "rosey/locales/ohno.json" file with the content:
"""
{}
"""
When I run my program with the flags:
| build |
Then I should see a selector 'div' in "dist/translated_site/ohno/index.html" with the attributes:
| data-rosey | seal |
| innerText | Kiss From A Rose |
But I should not see a selector 'div>div' in "dist/translated_site/ohno/index.html"
Scenario: Rosey build handles missing HTML translations
Given I have a "dist/site/index.html" file with the content:
"""
Kiss From A Rose
"""
And I have a "rosey/locales/ohno.json" file with the content:
"""
{}
"""
When I run my program with the flags:
| build |
Then I should see a selector 'div' in "dist/translated_site/ohno/index.html" with the attributes:
| data-rosey | seal |
| innerText | Kiss From A Rose |
And I should see a selector 'div>div' in "dist/translated_site/ohno/index.html" with the attributes:
| innerText | Kiss From A Rose |
But I should not see a selector 'div>div>div' in "dist/translated_site/ohno/index.html"
And I should not see a selector 'div>div>div:nth-of-type(2)' in "dist/translated_site/ohno/index.html"
Scenario: Rosey build translates images inside HTML translations
Given I have a "dist/site/index.html" file with the content:
"""
Kiss From A Rose
"""
And I have a "rosey/locales/jp.json" file with the content:
"""
{
"seal": "これは絵です "
}
"""
And I have a "dist/site/image.png" file with the content:
"""
Pretend that I'm a png
"""
And I have a "dist/site/image.jp.png" file with the content:
"""
私は絵です
"""
When I run my program with the flags:
| build |
Then I should see a selector 'div > p' in "dist/translated_site/en/index.html" with the attributes:
| innerText | Kiss From A Rose |
And I should see a selector 'img' in "dist/translated_site/jp/index.html" with the attributes:
| src | /image.jp.png |
But I should not see a selector 'img' in "dist/translated_site/en/index.html"
Scenario: Rosey build translates links inside HTML translations
Given I have a "dist/site/index.html" file with the content:
"""
![](\"/image.png\"/)
"
}
"""
And I have a "dist/site/image.png" file with the content:
"""
Pretend that I'm a png
"""
And I have a "dist/site/image.jp.png" file with the content:
"""
私は絵です
"""
When I run my program with the flags:
| build |
Then I should see a selector 'div > p' in "dist/translated_site/en/index.html" with the attributes:
| innerText | Kiss From A Rose |
And I should see a selector 'img' in "dist/translated_site/jp/index.html" with the attributes:
| src | /image.jp.png |
But I should not see a selector 'img' in "dist/translated_site/en/index.html"
Scenario: Rosey build translates links inside HTML translations
Given I have a "dist/site/index.html" file with the content:
"""
![](\"/image.png\")
"
}
"""
When I run my program with the flags:
| build |
Then I should see a selector 'img' in "dist/translated_site/fr/index.html" with the attributes:
| src | /image.fr.png |
| srcset | /image-64w.fr.png 64w,/image-640w.fr.png 640w |
Scenario: Rosey build uses translated videos inside HTML translations
Given I have a "dist/site/video.mp4" file with the content:
"""
Pretend that I'm a video
"""
And I have a "dist/site/video.fr.mp4" file with the content:
"""
Pretend that I'm a french video
"""
And I have a "dist/site/index.html" file with the content:
"""
"""
And I have a "rosey/locales/fr.json" file with the content:
"""
{
"video": "