Test that setting and getting will-change works as expected

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


Test getting will-change set through CSS
PASS getComputedStyle(willChangeOpacity, '').getPropertyValue('will-change') is 'opacity'
PASS getComputedStyle(willChangeScrollPosition, '').getPropertyValue('will-change') is 'scroll-position'
PASS getComputedStyle(willChangeContents, '').getPropertyValue('will-change') is 'contents'
PASS getComputedStyle(willChangeMultiple, '').getPropertyValue('will-change') is 'contents, opacity, left, -webkit-transform'
PASS getComputedStyle(willChangeWithArbitraryIdent, '').getPropertyValue('will-change') is 'opacity, top'

Test initial value of will-change
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'auto'

Test getting and setting will-change through JS
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'opacity'
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'scroll-position'
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'contents'
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'contents, scroll-position, opacity, -webkit-transform'
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'opacity, top'
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'opacity, top'
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'opacity, top'
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'auto'

Test that illegal will-change values are disallowed
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'auto'
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'auto'
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'auto'
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'auto'
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'auto'
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'auto'
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'auto'
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'auto'
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'auto'

Test the value 'initial'
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'opacity'
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'auto'

Test the value 'inherit'
PASS getComputedStyle(parentElement, '').getPropertyValue('will-change') is 'contents, opacity, top'
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'contents, opacity, top'

Test that will-change is not inherited by default
PASS getComputedStyle(parentElement, '').getPropertyValue('will-change') is 'opacity'
PASS getComputedStyle(element, '').getPropertyValue('will-change') is 'auto'
PASS successfullyParsed is true

TEST COMPLETE