Test that viewport lengths and font sizes properly resize with the viewport.

On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".


PASS successfullyParsed is true

TEST COMPLETE
PASS innerWidth is 800
PASS innerHeight is 600
PASS getComputedStyle(test).width is "400px"
PASS getComputedStyle(testfontsize).fontSize is "30px"
PASS getComputedStyle(testcalc).width is "800px"
PASS getComputedStyle(testfontsizecalc).fontSize is "60px"
PASS getComputedStyle(testpseudo, ':after').marginLeft is "120px"
PASS getComputedStyle(testpseudo, ':after').paddingRight is "200px"
PASS getComputedStyle(testpseudocalc, ':after').marginLeft is "240px"
PASS getComputedStyle(testpseudocalc, ':after').paddingRight is "400px"
PASS innerWidth is 900
PASS innerHeight is 600
PASS getComputedStyle(test).width is "450px"
PASS getComputedStyle(testfontsize).fontSize is "30px"
PASS getComputedStyle(testcalc).width is "900px"
PASS getComputedStyle(testfontsizecalc).fontSize is "60px"
PASS getComputedStyle(testpseudo, ':after').marginLeft is "120px"
PASS getComputedStyle(testpseudo, ':after').paddingRight is "225px"
PASS getComputedStyle(testpseudocalc, ':after').marginLeft is "240px"
PASS getComputedStyle(testpseudocalc, ':after').paddingRight is "450px"
PASS innerWidth is 900
PASS innerHeight is 640
PASS getComputedStyle(test).width is "450px"
PASS getComputedStyle(testfontsize).fontSize is "32px"
PASS getComputedStyle(testcalc).width is "900px"
PASS getComputedStyle(testfontsizecalc).fontSize is "64px"
PASS getComputedStyle(testpseudo, ':after').marginLeft is "128px"
PASS getComputedStyle(testpseudo, ':after').paddingRight is "225px"
PASS getComputedStyle(testpseudocalc, ':after').marginLeft is "256px"
PASS getComputedStyle(testpseudocalc, ':after').paddingRight is "450px"
PASS innerWidth is 500
PASS innerHeight is 640
PASS getComputedStyle(test).width is "250px"
PASS getComputedStyle(testfontsize).fontSize is "32px"
PASS getComputedStyle(testcalc).width is "500px"
PASS getComputedStyle(testfontsizecalc).fontSize is "64px"
PASS getComputedStyle(testpseudo, ':after').marginLeft is "100px"
PASS getComputedStyle(testpseudo, ':after').paddingRight is "160px"
PASS getComputedStyle(testpseudocalc, ':after').marginLeft is "200px"
PASS getComputedStyle(testpseudocalc, ':after').paddingRight is "320px"
PASS innerWidth is 800
PASS innerHeight is 600
PASS getComputedStyle(test).width is "400px"
PASS getComputedStyle(testfontsize).fontSize is "30px"
PASS getComputedStyle(testcalc).width is "800px"
PASS getComputedStyle(testfontsizecalc).fontSize is "60px"
PASS getComputedStyle(testpseudo, ':after').marginLeft is "120px"
PASS getComputedStyle(testpseudo, ':after').paddingRight is "200px"
PASS getComputedStyle(testpseudocalc, ':after').marginLeft is "240px"
PASS getComputedStyle(testpseudocalc, ':after').paddingRight is "400px"