LayoutTests/animations/interpolation/font-weight-interpolation.html - Issue 173953002: Make font-weight animatable.

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/animations/interpolation/font-weight-interpolation.html

Issue 173953002: Make font-weight animatable. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Remove AnimatableFontWeight class. Created 6 years, 10 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

OLD	NEW
(Empty)
	1 <!doctype html>

	2 <style>

	3 @font-face {

	4 font-family: 'WebKit WeightWatcher';

	5 font-weight: 100;

	6 src: url('../../resources/WebKitWeightWatcher100.ttf');

	7 }

	8 @font-face {

	9 font-family: 'WebKit WeightWatcher';

	10 font-weight: 200;

	11 src: url('../../resources/WebKitWeightWatcher200.ttf');

	12 }

	13 @font-face {

	14 font-family: 'WebKit WeightWatcher';

	15 font-weight: 300;

	16 src: url('../../resources/WebKitWeightWatcher300.ttf');

	17 }

	18 @font-face {

	19 font-family: 'WebKit WeightWatcher';

	20 font-weight: 400;

	21 src: url('../../resources/WebKitWeightWatcher400.ttf');

	22 }

	23 @font-face {

	24 font-family: 'WebKit WeightWatcher';

	25 font-weight: 500;

	26 src: url('../../resources/WebKitWeightWatcher500.ttf');

	27 }

	28 @font-face {

	29 font-family: 'WebKit WeightWatcher';

	30 font-weight: 600;

	31 src: url('../../resources/WebKitWeightWatcher600.ttf');

	32 }

	33 @font-face {

	34 font-family: 'WebKit WeightWatcher';

	35 font-weight: 700;

	36 src: url('../../resources/WebKitWeightWatcher700.ttf');

	37 }

	38 @font-face {

	39 font-family: 'WebKit WeightWatcher';

	40 font-weight: 800;

	41 src: url('../../resources/WebKitWeightWatcher800.ttf');

	42 }

	43 @font-face {

	44 font-family: 'WebKit WeightWatcher';

	45 font-weight: 900;

	46 src: url('../../resources/WebKitWeightWatcher900.ttf');

	47 }

	48

	49 .target {

	50 display: inline-block;

	51 font-family: 'WebKit WeightWatcher';

	52 font-size: 20px;

	53 }

	54 .replica {

	55 color: green;

	56 margin-right: 30px;

	57 }

	58

	59 </style>

	60 <template id="target-template">A</template>

	61 <script src="resources/interpolation-test.js"></script>

	62 <script>

	63 assertInterpolation({

	64 property: 'font-weight',

	65 from: '100',

	66 to: '900'

	67 }, [

	68 {at: 0/8, is: '100'},

	69 {at: 1/8, is: '200'},

	70 {at: 2/8, is: '300'},

	71 {at: 3/8, is: '400'},

	72 {at: 4/8, is: '500'},

	73 {at: 5/8, is: '600'},

	74 {at: 6/8, is: '700'},

	75 {at: 7/8, is: '800'},

	76 {at: 8/8, is: '900'},
	alancutter (OOO until 2018) 2014/02/23 23:01:08 Since this property is bounded between 100 and 900 Since this property is bounded between 100 and 900 we should also test interpolation values outside the range 0 to 1.
	77

	78 {at: 0.10/8, is: '100'},

	79 {at: 0.49/8, is: '100'},

	80 {at: 0.50/8, is: '200'},

	81 {at: 0.51/8, is: '200'},

	82 {at: 0.90/8, is: '200'},

	83 {at: 7.10/8, is: '800'},

	84 {at: 7.49/8, is: '800'},

	85 {at: 7.50/8, is: '900'},

	86 {at: 7.51/8, is: '900'},

	87 ]);

	88 </script>

OLD	NEW