<script src="../../resources/js-test.js"></script>
<style>
.noposition
{
background: url("foo.png");
background-size: contain;
}
.position1
{
background: url("foo.png");
background-position: 1px;
background-size: contain;
}
.position2
{
background: url("foo.png");
background-position-x: 1px;
background-size: contain;
}
.position3
{
background: url("foo.png");
background-position: 1px 1px;
background-size: contain;
}
</style>
<script>
var cssRules = document.styleSheets[1].cssRules;
shouldBe('cssRules.length', '4');
shouldBeEqualToString('cssRules[0].cssText', '.noposition { background: url("foo.png") 0% 0% / contain; }');
shouldBeEqualToString('cssRules[1].cssText', '.position1 { background: url("foo.png") 1px center / contain; }');
shouldBeEqualToString('cssRules[2].cssText', '.position2 { background: url("foo.png") 1px / contain; }');
shouldBeEqualToString('cssRules[3].cssText', '.position3 { background: url("foo.png") 1px 1px / contain; }');
</script>