nephele
/
haikuwebkit
1
0
Fork 0
Code Issues Releases Activity
haikuwebkit/LayoutTests/animations/cross-fade-background-image...

26 lines
1.1 KiB
HTML
Raw Permalink Normal View History

Support interpolation between cross-fade() images https://bugs.webkit.org/show_bug.cgi?id=119955 Reviewed by Darin Adler. Source/WebCore: With this patch, CSS can animate from one -webkit-cross-fade function to another, when the input images are the same in the same order. * css/CSSCrossfadeValue.cpp: Added blend function. (WebCore::blendFunc): (WebCore::CSSCrossfadeValue::blend): (WebCore::CSSCrossfadeValue::equals): (WebCore::CSSCrossfadeValue::equalInputImages): * css/CSSCrossfadeValue.h: Added save casting functions. (WebCore::toCSSCrossfadeValue): * css/CSSValue.h: (WebCore::CSSValue::isCrossfadeValue): * page/animation/CSSPropertyAnimation.cpp: Add another condition to interpolate between two -webkit-cross-fade functions. (WebCore::blendFunc): LayoutTests: Test interpolation from one cross-fade function to another. Changed pixel test to a ref test. * animations/cross-fade-background-image.html: * animations/cross-fade-background-image-expected.html: Added. * platform/mac/animations/cross-fade-background-image-expected.png: Removed. * platform/mac/animations/cross-fade-background-image-expected.txt: Removed. Canonical link: https://commits.webkit.org/138712@main git-svn-id: https://svn.webkit.org/repository/webkit/trunk@155100 268f45cc-cd09-0410-ab3c-d52691b4dbfc
2013-09-05 06:50:05 +00:00
<html>
<head>
<style>
#rect {
position: absolute;
top: 200px;
left: 100px;
width: 200px;
height: 300px;
background-color: #049196;
}
</style>
</head>
<body>
<div id="rect"></div>
<div id="result">
Unprefix -webkit-cross-fade() https://bugs.webkit.org/show_bug.cgi?id=157632 Reviewed by Darin Adler. Source/WebCore: Support unprefixed cross-fade() in addition to the prefixed value when parsing, and have computed style round-trip the correct one. If computed style is queried during an image transition, return an unprefixed cross-fade(). If blending cross-fade values, only return the prefixed function if both inputs are prefixed. Tested by modified and existing tests. * css/CSSCrossfadeValue.cpp: (WebCore::CSSCrossfadeValue::customCSSText): (WebCore::CSSCrossfadeValue::blend): * css/CSSCrossfadeValue.h: (WebCore::CSSCrossfadeValue::create): (WebCore::CSSCrossfadeValue::isPrefixed): (WebCore::CSSCrossfadeValue::CSSCrossfadeValue): * css/CSSParser.cpp: (WebCore::CSSParser::isGeneratedImageValue): (WebCore::CSSParser::parseGeneratedImage): (WebCore::CSSParser::parseCrossfade): * css/CSSParser.h: Source/WebInspectorUI: * UserInterface/Models/CSSKeywordCompletions.js: LayoutTests: * animations/cross-fade-background-image-expected.html: * animations/cross-fade-background-image.html: * animations/cross-fade-border-image-source.html: * animations/cross-fade-list-style-image.html: * animations/cross-fade-webkit-mask-box-image.html: * animations/cross-fade-webkit-mask-image.html: * animations/resources/animation-test-helpers.js: (parseCSSImage): (parseCrossFade): (compareCSSImages): * fast/css/getComputedStyle/computed-style-cross-fade-expected.txt: * fast/css/getComputedStyle/computed-style-cross-fade.html: * transitions/resources/transition-test-helpers.js: (parseCrossFade): Canonical link: https://commits.webkit.org/175817@main git-svn-id: https://svn.webkit.org/repository/webkit/trunk@200888 268f45cc-cd09-0410-ab3c-d52691b4dbfc
2016-05-13 22:40:52 +00:00
PASS - "backgroundImage" property for "box" element at 2.5s saw something close to: cross-fade(url(blue-100.png), url(green-100.png), 50%)<br>
Support interpolation between cross-fade() images https://bugs.webkit.org/show_bug.cgi?id=119955 Reviewed by Darin Adler. Source/WebCore: With this patch, CSS can animate from one -webkit-cross-fade function to another, when the input images are the same in the same order. * css/CSSCrossfadeValue.cpp: Added blend function. (WebCore::blendFunc): (WebCore::CSSCrossfadeValue::blend): (WebCore::CSSCrossfadeValue::equals): (WebCore::CSSCrossfadeValue::equalInputImages): * css/CSSCrossfadeValue.h: Added save casting functions. (WebCore::toCSSCrossfadeValue): * css/CSSValue.h: (WebCore::CSSValue::isCrossfadeValue): * page/animation/CSSPropertyAnimation.cpp: Add another condition to interpolate between two -webkit-cross-fade functions. (WebCore::blendFunc): LayoutTests: Test interpolation from one cross-fade function to another. Changed pixel test to a ref test. * animations/cross-fade-background-image.html: * animations/cross-fade-background-image-expected.html: Added. * platform/mac/animations/cross-fade-background-image-expected.png: Removed. * platform/mac/animations/cross-fade-background-image-expected.txt: Removed. Canonical link: https://commits.webkit.org/138712@main git-svn-id: https://svn.webkit.org/repository/webkit/trunk@155100 268f45cc-cd09-0410-ab3c-d52691b4dbfc
2013-09-05 06:50:05 +00:00
PASS - "backgroundImage" property for "box" and "boxStatic" elements at 2.5s are close enough to each other<br>
PASS - "backgroundImage" property for "boxShorthand" and "boxStatic" elements at 2.5s are close enough to each other<br>
Unprefix -webkit-cross-fade() https://bugs.webkit.org/show_bug.cgi?id=157632 Reviewed by Darin Adler. Source/WebCore: Support unprefixed cross-fade() in addition to the prefixed value when parsing, and have computed style round-trip the correct one. If computed style is queried during an image transition, return an unprefixed cross-fade(). If blending cross-fade values, only return the prefixed function if both inputs are prefixed. Tested by modified and existing tests. * css/CSSCrossfadeValue.cpp: (WebCore::CSSCrossfadeValue::customCSSText): (WebCore::CSSCrossfadeValue::blend): * css/CSSCrossfadeValue.h: (WebCore::CSSCrossfadeValue::create): (WebCore::CSSCrossfadeValue::isPrefixed): (WebCore::CSSCrossfadeValue::CSSCrossfadeValue): * css/CSSParser.cpp: (WebCore::CSSParser::isGeneratedImageValue): (WebCore::CSSParser::parseGeneratedImage): (WebCore::CSSParser::parseCrossfade): * css/CSSParser.h: Source/WebInspectorUI: * UserInterface/Models/CSSKeywordCompletions.js: LayoutTests: * animations/cross-fade-background-image-expected.html: * animations/cross-fade-background-image.html: * animations/cross-fade-border-image-source.html: * animations/cross-fade-list-style-image.html: * animations/cross-fade-webkit-mask-box-image.html: * animations/cross-fade-webkit-mask-image.html: * animations/resources/animation-test-helpers.js: (parseCSSImage): (parseCrossFade): (compareCSSImages): * fast/css/getComputedStyle/computed-style-cross-fade-expected.txt: * fast/css/getComputedStyle/computed-style-cross-fade.html: * transitions/resources/transition-test-helpers.js: (parseCrossFade): Canonical link: https://commits.webkit.org/175817@main git-svn-id: https://svn.webkit.org/repository/webkit/trunk@200888 268f45cc-cd09-0410-ab3c-d52691b4dbfc
2016-05-13 22:40:52 +00:00
PASS - "backgroundImage" property for "boxAnim1" element at 2.5s saw something close to: cross-fade(url(resources/blue-100.png), url(resources/green-100.png), 0.5)<br>
PASS - "backgroundImage" property for "boxAnim2" element at 2.5s saw something close to: cross-fade(url(resources/green-100.png), url(resources/blue-100.png), 50%)<br>
PASS - "backgroundImage" property for "boxAnim3" element at 2.5s saw something close to: cross-fade(url(resources/blue-100.png), url(resources/green-100.png), 50%)<br>
Support interpolation between cross-fade() images https://bugs.webkit.org/show_bug.cgi?id=119955 Reviewed by Darin Adler. Source/WebCore: With this patch, CSS can animate from one -webkit-cross-fade function to another, when the input images are the same in the same order. * css/CSSCrossfadeValue.cpp: Added blend function. (WebCore::blendFunc): (WebCore::CSSCrossfadeValue::blend): (WebCore::CSSCrossfadeValue::equals): (WebCore::CSSCrossfadeValue::equalInputImages): * css/CSSCrossfadeValue.h: Added save casting functions. (WebCore::toCSSCrossfadeValue): * css/CSSValue.h: (WebCore::CSSValue::isCrossfadeValue): * page/animation/CSSPropertyAnimation.cpp: Add another condition to interpolate between two -webkit-cross-fade functions. (WebCore::blendFunc): LayoutTests: Test interpolation from one cross-fade function to another. Changed pixel test to a ref test. * animations/cross-fade-background-image.html: * animations/cross-fade-background-image-expected.html: Added. * platform/mac/animations/cross-fade-background-image-expected.png: Removed. * platform/mac/animations/cross-fade-background-image-expected.txt: Removed. Canonical link: https://commits.webkit.org/138712@main git-svn-id: https://svn.webkit.org/repository/webkit/trunk@155100 268f45cc-cd09-0410-ab3c-d52691b4dbfc
2013-09-05 06:50:05 +00:00
</div>
</body>
Unprefix -webkit-cross-fade() https://bugs.webkit.org/show_bug.cgi?id=157632 Reviewed by Darin Adler. Source/WebCore: Support unprefixed cross-fade() in addition to the prefixed value when parsing, and have computed style round-trip the correct one. If computed style is queried during an image transition, return an unprefixed cross-fade(). If blending cross-fade values, only return the prefixed function if both inputs are prefixed. Tested by modified and existing tests. * css/CSSCrossfadeValue.cpp: (WebCore::CSSCrossfadeValue::customCSSText): (WebCore::CSSCrossfadeValue::blend): * css/CSSCrossfadeValue.h: (WebCore::CSSCrossfadeValue::create): (WebCore::CSSCrossfadeValue::isPrefixed): (WebCore::CSSCrossfadeValue::CSSCrossfadeValue): * css/CSSParser.cpp: (WebCore::CSSParser::isGeneratedImageValue): (WebCore::CSSParser::parseGeneratedImage): (WebCore::CSSParser::parseCrossfade): * css/CSSParser.h: Source/WebInspectorUI: * UserInterface/Models/CSSKeywordCompletions.js: LayoutTests: * animations/cross-fade-background-image-expected.html: * animations/cross-fade-background-image.html: * animations/cross-fade-border-image-source.html: * animations/cross-fade-list-style-image.html: * animations/cross-fade-webkit-mask-box-image.html: * animations/cross-fade-webkit-mask-image.html: * animations/resources/animation-test-helpers.js: (parseCSSImage): (parseCrossFade): (compareCSSImages): * fast/css/getComputedStyle/computed-style-cross-fade-expected.txt: * fast/css/getComputedStyle/computed-style-cross-fade.html: * transitions/resources/transition-test-helpers.js: (parseCrossFade): Canonical link: https://commits.webkit.org/175817@main git-svn-id: https://svn.webkit.org/repository/webkit/trunk@200888 268f45cc-cd09-0410-ab3c-d52691b4dbfc
2016-05-13 22:40:52 +00:00
</html>