chromium/src/third_party/blink/web_tests/animations/responsive/interpolation/color-responsive.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <script src="resources/responsive-test.js"></script>
 <script>
 assertCSSResponsive({
   property: 'color',
   from: 'inherit',
   to: 'green',
   configurations: [{
     state: {inherited: 'blue'},
     expect: [
       {at: 0.25, is: 'rgb(0, 32, 191)'},
       {at: 0.75, is: 'rgb(0, 96, 64)'},
     ],
   }, {
     state: {inherited: 'yellow'},
     expect: [
       {at: 0.25, is: 'rgb(191, 223, 0)'},
       {at: 0.75, is: 'rgb(64, 160, 0)'},
     ],
   }],
 });

 assertCSSResponsive({
   property: 'color',
   from: 'currentcolor',
   to: 'green',
   configurations: [{
     state: {inherited: 'blue'},
     expect: [
       {at: 0.25, is: 'rgb(0, 32, 191)'},
       {at: 0.75, is: 'rgb(0, 96, 64)'},
     ],
   }, {
     state: {inherited: 'yellow'},
     expect: [
       {at: 0.25, is: 'rgb(191, 223, 0)'},
       {at: 0.75, is: 'rgb(64, 160, 0)'},
     ],
   }],
 });

 assertCSSResponsive({
   property: 'color',
   from: 'green',
   to: 'currentcolor',
   configurations: [{
     state: {inherited: 'blue'},
     expect: [
       {at: 0.25, is: 'rgb(0, 96, 64)'},
       {at: 0.75, is: 'rgb(0, 32, 191)'},
     ],
   }, {
     state: {inherited: 'yellow'},
     expect: [
       {at: 0.25, is: 'rgb(64, 160, 0)'},
       {at: 0.75, is: 'rgb(191, 223, 0)'},
     ],
   }],
 });
 </script>
	<!DOCTYPE html>
	<script src="resources/responsive-test.js"></script>
	<script>
	assertCSSResponsive({
	property: 'color',
	from: 'inherit',
	to: 'green',
	configurations: [{
	state: {inherited: 'blue'},
	expect: [
	{at: 0.25, is: 'rgb(0, 32, 191)'},
	{at: 0.75, is: 'rgb(0, 96, 64)'},
	],
	}, {
	state: {inherited: 'yellow'},
	expect: [
	{at: 0.25, is: 'rgb(191, 223, 0)'},
	{at: 0.75, is: 'rgb(64, 160, 0)'},
	],
	}],
	});

	assertCSSResponsive({
	property: 'color',
	from: 'currentcolor',
	to: 'green',
	configurations: [{
	state: {inherited: 'blue'},
	expect: [
	{at: 0.25, is: 'rgb(0, 32, 191)'},
	{at: 0.75, is: 'rgb(0, 96, 64)'},
	],
	}, {
	state: {inherited: 'yellow'},
	expect: [
	{at: 0.25, is: 'rgb(191, 223, 0)'},
	{at: 0.75, is: 'rgb(64, 160, 0)'},
	],
	}],
	});

	assertCSSResponsive({
	property: 'color',
	from: 'green',
	to: 'currentcolor',
	configurations: [{
	state: {inherited: 'blue'},
	expect: [
	{at: 0.25, is: 'rgb(0, 96, 64)'},
	{at: 0.75, is: 'rgb(0, 32, 191)'},
	],
	}, {
	state: {inherited: 'yellow'},
	expect: [
	{at: 0.25, is: 'rgb(64, 160, 0)'},
	{at: 0.75, is: 'rgb(191, 223, 0)'},
	],
	}],
	});
	</script>