61 lines
3.4 KiB
Plaintext
61 lines
3.4 KiB
Plaintext
Tests that using angle, time and frequency units in calc() is working as intended.
|
|
|
|
On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
|
|
|
|
|
|
testDiv.style['-webkit-filter'] = 'hue-rotate(calc(300deg/2))'
|
|
PASS testDiv.style['-webkit-filter'] is "hue-rotate(calc(150deg))"
|
|
PASS window.getComputedStyle(testDiv).getPropertyValue('-webkit-filter') is "hue-rotate(150deg)"
|
|
testDiv.style['-webkit-filter'] = 'hue-rotate(calc(300rad/2))'
|
|
PASS testDiv.style['-webkit-filter'] is "hue-rotate(calc(8594.366926962348deg))"
|
|
PASS window.getComputedStyle(testDiv).getPropertyValue('-webkit-filter') is "hue-rotate(8594.366926962348deg)"
|
|
testDiv.style['-webkit-filter'] = 'hue-rotate(calc(300grad/2))'
|
|
PASS testDiv.style['-webkit-filter'] is "hue-rotate(calc(135deg))"
|
|
PASS window.getComputedStyle(testDiv).getPropertyValue('-webkit-filter') is "hue-rotate(135deg)"
|
|
testDiv.style['-webkit-filter'] = 'hue-rotate(calc(3turn/2))'
|
|
PASS testDiv.style['-webkit-filter'] is "hue-rotate(calc(540deg))"
|
|
PASS window.getComputedStyle(testDiv).getPropertyValue('-webkit-filter') is "hue-rotate(540deg)"
|
|
testDiv.style['-webkit-filter'] = 'hue-rotate(calc(1turn + 10deg))'
|
|
PASS testDiv.style['-webkit-filter'] is "hue-rotate(calc(370deg))"
|
|
PASS window.getComputedStyle(testDiv).getPropertyValue('-webkit-filter') is "hue-rotate(370deg)"
|
|
testDiv.style['-webkit-filter'] = 'hue-rotate(calc(300deg + 30deg))'
|
|
PASS testDiv.style['-webkit-filter'] is "hue-rotate(calc(330deg))"
|
|
PASS window.getComputedStyle(testDiv).getPropertyValue('-webkit-filter') is "hue-rotate(330deg)"
|
|
testDiv.style['-webkit-filter'] = 'hue-rotate(calc(2turn + 1turn))'
|
|
PASS testDiv.style['-webkit-filter'] is "hue-rotate(calc(1080deg))"
|
|
PASS window.getComputedStyle(testDiv).getPropertyValue('-webkit-filter') is "hue-rotate(1080deg)"
|
|
testDiv.style['transition-delay'] = 'calc(300ms/2)'
|
|
PASS testDiv.style['transition-delay'] is "calc(150ms)"
|
|
PASS window.getComputedStyle(testDiv).getPropertyValue('transition-delay') is "0.15s"
|
|
testDiv.style['transition-delay'] = 'calc(300s/2)'
|
|
PASS testDiv.style['transition-delay'] is "calc(150000ms)"
|
|
PASS window.getComputedStyle(testDiv).getPropertyValue('transition-delay') is "150s"
|
|
testDiv.style['transition-delay'] = 'calc(10s + 100ms)'
|
|
PASS testDiv.style['transition-delay'] is "calc(10100ms)"
|
|
PASS window.getComputedStyle(testDiv).getPropertyValue('transition-delay') is "10.1s"
|
|
testDiv.style['transition-delay'] = 'calc(100ms + 10s)'
|
|
PASS testDiv.style['transition-delay'] is "calc(10100ms)"
|
|
PASS window.getComputedStyle(testDiv).getPropertyValue('transition-delay') is "10.1s"
|
|
testDiv.style['transition-delay'] = 'calc(4s + 1s)'
|
|
PASS testDiv.style['transition-delay'] is "calc(5000ms)"
|
|
PASS window.getComputedStyle(testDiv).getPropertyValue('transition-delay') is "5s"
|
|
testDiv.style['transition-delay'] = 'calc(4ms + 1ms)'
|
|
PASS testDiv.style['transition-delay'] is "calc(5ms)"
|
|
PASS window.getComputedStyle(testDiv).getPropertyValue('transition-delay') is "0.005s"
|
|
testDiv.style['width'] = 'calc(300Hz/2)'
|
|
PASS testDiv.style['width'] is ""
|
|
testDiv.style['width'] = 'calc(300kHz/2)'
|
|
PASS testDiv.style['width'] is ""
|
|
testDiv.style['width'] = 'calc(10Hz + 20Hz)'
|
|
PASS testDiv.style['width'] is ""
|
|
testDiv.style['width'] = 'calc(10kHz + 20kHz)'
|
|
PASS testDiv.style['width'] is ""
|
|
testDiv.style['width'] = 'calc(10kHz + 200Hz)'
|
|
PASS testDiv.style['width'] is ""
|
|
testDiv.style['width'] = 'calc(200Hz + 10kHz)'
|
|
PASS testDiv.style['width'] is ""
|
|
PASS successfullyParsed is true
|
|
|
|
TEST COMPLETE
|
|
|