| Test to make sure background-position is parsed correctly. |
| |
| On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". |
| |
| background-position with one value |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '70% center' |
| PASS computedStyle.backgroundPosition is '70% 50%' |
| PASS style.backgroundPosition is '84px center' |
| PASS computedStyle.backgroundPosition is '84px 50%' |
| PASS style.backgroundPosition is 'left center' |
| PASS computedStyle.backgroundPosition is '0% 50%' |
| PASS style.backgroundPosition is 'right center' |
| PASS computedStyle.backgroundPosition is '100% 50%' |
| PASS style.backgroundPosition is 'center bottom' |
| PASS computedStyle.backgroundPosition is '50% 100%' |
| PASS style.backgroundPosition is 'center top' |
| PASS computedStyle.backgroundPosition is '50% 0%' |
| PASS style.backgroundPosition is 'center center' |
| PASS computedStyle.backgroundPosition is '50% 50%' |
| background-position with two values |
| PASS style.backgroundPosition is 'left bottom' |
| PASS computedStyle.backgroundPosition is '0% 100%' |
| PASS style.backgroundPosition is 'left bottom' |
| PASS computedStyle.backgroundPosition is '0% 100%' |
| PASS style.backgroundPosition is '100% bottom' |
| PASS computedStyle.backgroundPosition is '100% 100%' |
| PASS style.backgroundPosition is '100% top' |
| PASS computedStyle.backgroundPosition is '100% 0%' |
| PASS style.backgroundPosition is '54px bottom' |
| PASS computedStyle.backgroundPosition is '54px 100%' |
| PASS style.backgroundPosition is 'center center' |
| PASS computedStyle.backgroundPosition is '50% 50%' |
| PASS style.backgroundPosition is '5% bottom' |
| PASS computedStyle.backgroundPosition is '5% 100%' |
| PASS style.backgroundPosition is '30pt -20px' |
| PASS computedStyle.backgroundPosition is '40px -20px' |
| PASS style.backgroundPosition is 'right center' |
| PASS computedStyle.backgroundPosition is '100% 50%' |
| PASS style.backgroundPosition is '100% 0px' |
| PASS computedStyle.backgroundPosition is '100% 0px' |
| PASS style.backgroundPosition is 'right center' |
| PASS computedStyle.backgroundPosition is '100% 50%' |
| PASS style.backgroundPosition is 'center 50%' |
| PASS computedStyle.backgroundPosition is '50% 50%' |
| PASS style.backgroundPosition is 'left center' |
| PASS computedStyle.backgroundPosition is '0% 50%' |
| PASS style.backgroundPosition is '-20% center' |
| PASS computedStyle.backgroundPosition is '-20% 50%' |
| PASS style.backgroundPosition is 'right top' |
| PASS computedStyle.backgroundPosition is '100% 0%' |
| PASS style.backgroundPosition is '50% center' |
| PASS computedStyle.backgroundPosition is '50% 50%' |
| background-position invalid with one or two values, no change expected |
| PASS style.backgroundPosition is '50% center' |
| PASS computedStyle.backgroundPosition is '50% 50%' |
| PASS style.backgroundPosition is '50% center' |
| PASS computedStyle.backgroundPosition is '50% 50%' |
| PASS style.backgroundPosition is '50% center' |
| PASS computedStyle.backgroundPosition is '50% 50%' |
| PASS style.backgroundPosition is '50% center' |
| PASS computedStyle.backgroundPosition is '50% 50%' |
| PASS style.backgroundPosition is '50% center' |
| PASS computedStyle.backgroundPosition is '50% 50%' |
| PASS style.backgroundPosition is '50% center' |
| PASS computedStyle.backgroundPosition is '50% 50%' |
| PASS style.backgroundPosition is '50% center' |
| PASS computedStyle.backgroundPosition is '50% 50%' |
| PASS style.backgroundPosition is '50% center' |
| PASS computedStyle.backgroundPosition is '50% 50%' |
| PASS style.backgroundPosition is '50% center' |
| PASS computedStyle.backgroundPosition is '50% 50%' |
| PASS style.backgroundPosition is '50% center' |
| PASS computedStyle.backgroundPosition is '50% 50%' |
| PASS style.backgroundPosition is '50% center' |
| PASS computedStyle.backgroundPosition is '50% 50%' |
| PASS style.backgroundPosition is '50% center' |
| PASS computedStyle.backgroundPosition is '50% 50%' |
| PASS style.backgroundPosition is '50% center' |
| PASS computedStyle.backgroundPosition is '50% 50%' |
| PASS style.backgroundPosition is '50% center' |
| PASS computedStyle.backgroundPosition is '50% 50%' |
| PASS style.backgroundPosition is '1px 1px' |
| PASS computedStyle.backgroundPosition is '1px 1px' |
| background-position with CSS3 comma separator, one or two values |
| PASS style.backgroundPosition is '50% center, 100% center' |
| PASS computedStyle.backgroundPosition is '50% 50%, 100% 50%' |
| PASS style.backgroundPosition is 'center top, center bottom' |
| PASS computedStyle.backgroundPosition is '50% 0%, 50% 100%' |
| PASS style.backgroundPosition is 'right center, 5px bottom' |
| PASS computedStyle.backgroundPosition is '100% 50%, 5px 100%' |
| PASS style.backgroundPosition is 'left top, right bottom' |
| PASS computedStyle.backgroundPosition is '0% 0%, 100% 100%' |
| background-position with CSS3 comma separator, with invalid one or two values, no change expected |
| PASS style.backgroundPosition is 'left top, right bottom' |
| PASS computedStyle.backgroundPosition is '0% 0%, 100% 100%' |
| PASS style.backgroundPosition is 'left top, right bottom' |
| PASS computedStyle.backgroundPosition is '0% 0%, 100% 100%' |
| PASS style.backgroundPosition is 'left top, right bottom' |
| PASS computedStyle.backgroundPosition is '0% 0%, 100% 100%' |
| background-position with CSS3 four values |
| PASS style.backgroundPosition is 'left 10px top 15px' |
| PASS computedStyle.backgroundPosition is 'left 10px top 15px' |
| PASS style.backgroundPosition is 'left 10% top 30%' |
| PASS computedStyle.backgroundPosition is 'left 10% top 30%' |
| PASS style.backgroundPosition is 'left 30% top 10%' |
| PASS computedStyle.backgroundPosition is 'left 30% top 10%' |
| PASS style.backgroundPosition is 'right top 15px' |
| PASS computedStyle.backgroundPosition is '100% top 15px' |
| PASS style.backgroundPosition is 'left 10px center' |
| PASS computedStyle.backgroundPosition is 'left 10px 50%' |
| PASS style.backgroundPosition is 'center top 20px' |
| PASS computedStyle.backgroundPosition is '50% top 20px' |
| PASS style.backgroundPosition is 'center top 20px' |
| PASS computedStyle.backgroundPosition is '50% top 20px' |
| PASS style.backgroundPosition is 'left 30px center' |
| PASS computedStyle.backgroundPosition is 'left 30px 50%' |
| PASS style.backgroundPosition is 'left 20% top' |
| PASS computedStyle.backgroundPosition is 'left 20% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| background-position with CSS3 invalid four values, no change expected |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| PASS style.backgroundPosition is '' |
| PASS computedStyle.backgroundPosition is '0% 0%' |
| background-position with CSS3 four values and comma |
| PASS style.backgroundPosition is 'center center, left bottom 20px' |
| PASS computedStyle.backgroundPosition is '50% 50%, 0% bottom 20px' |
| PASS style.backgroundPosition is 'right 20px bottom 20px, left center' |
| PASS computedStyle.backgroundPosition is 'right 20px bottom 20px, 0% 50%' |
| PASS style.backgroundPosition is 'left 10px top 15px, right 20% bottom 20px' |
| PASS computedStyle.backgroundPosition is 'left 10px top 15px, right 20% bottom 20px' |
| PASS style.backgroundPosition is 'left 10% top, right top 0px' |
| PASS computedStyle.backgroundPosition is 'left 10% 0%, 100% top 0px' |
| PASS style.backgroundPosition is 'right top 15px, right 20px bottom' |
| PASS computedStyle.backgroundPosition is '100% top 15px, right 20px 100%' |
| background-position with invalid CSS3 four values and comma, no change expected |
| PASS style.backgroundPosition is 'right top 15px, right 20px bottom' |
| PASS computedStyle.backgroundPosition is '100% top 15px, right 20px 100%' |
| PASS style.backgroundPosition is 'right top 15px, right 20px bottom' |
| PASS computedStyle.backgroundPosition is '100% top 15px, right 20px 100%' |
| PASS style.backgroundPosition is 'right top 15px, right 20px bottom' |
| PASS computedStyle.backgroundPosition is '100% top 15px, right 20px 100%' |
| background-position inside the background shorthand |
| PASS style.background is 'left 30% top 10% / 10em round fixed border-box border-box gray' |
| PASS computedStyle.background is 'rgb(128, 128, 128) none round fixed left 30% top 10% / 160px border-box border-box' |
| PASS style.background is 'right top 15px / 10em round fixed border-box border-box gray' |
| PASS computedStyle.background is 'rgb(128, 128, 128) none round fixed 100% top 15px / 160px border-box border-box' |
| PASS style.background is 'left 10px center / 10em round fixed border-box border-box gray' |
| PASS computedStyle.background is 'rgb(128, 128, 128) none round fixed left 10px 50% / 160px border-box border-box' |
| PASS style.background is 'left 10px center round fixed border-box border-box' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none round fixed left 10px 50% / auto border-box border-box' |
| PASS style.background is 'center top 20px round fixed border-box border-box' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none round fixed 50% top 20px / auto border-box border-box' |
| PASS style.background is 'center top 20px round fixed border-box border-box' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none round fixed 50% top 20px / auto border-box border-box' |
| PASS style.background is 'center top round fixed border-box border-box' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none round fixed 50% 0% / auto border-box border-box' |
| PASS style.background is '50px 60px / 50px round fixed border-box border-box' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none round fixed 50px 60px / 50px border-box border-box' |
| PASS style.background is '50px center / 50px round fixed border-box border-box' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none round fixed 50px 50% / 50px border-box border-box' |
| PASS style.background is 'left top 60px / 50px round fixed border-box border-box' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none round fixed 0% top 60px / 50px border-box border-box' |
| PASS style.background is 'left -20px top 60px / 50px round fixed border-box border-box' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none round fixed left -20px top 60px / 50px border-box border-box' |
| PASS style.background is 'left 20px top / 50px round fixed border-box border-box' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none round fixed left 20px 0% / 50px border-box border-box' |
| PASS style.background is 'left 20px top / 50px round fixed border-box border-box' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none round fixed left 20px 0% / 50px border-box border-box' |
| PASS style.background is 'left 20px top 40px / 50px round fixed border-box border-box' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none round fixed left 20px top 40px / 50px border-box border-box' |
| PASS style.background is 'left 20px top 40px round fixed border-box border-box' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none round fixed left 20px top 40px / auto border-box border-box' |
| PASS style.background is 'left 30% top 10% round fixed border-box border-box gray' |
| PASS computedStyle.background is 'rgb(128, 128, 128) none round fixed left 30% top 10% / auto border-box border-box' |
| background-position inside the background shorthand, some invalid cases, no changes expected |
| PASS style.background is '' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box' |
| PASS style.background is '' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box' |
| PASS style.background is '' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box' |
| PASS style.background is '' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box' |
| PASS style.background is '' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box' |
| PASS style.background is '' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box' |
| PASS style.background is '' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box' |
| PASS style.background is '' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box' |
| PASS style.background is '' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box' |
| PASS style.background is '' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box' |
| PASS style.background is '' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box' |
| PASS style.background is '' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box' |
| PASS style.background is '' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box' |
| PASS style.background is '' |
| PASS computedStyle.background is 'rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box' |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |
