third_party/WebKit/LayoutTests/inspector/animation/animation-group-matching.html - Issue 2493373002: DevTools: rename WebInspector into modules.

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: third_party/WebKit/LayoutTests/inspector/animation/animation-group-matching.html

Issue 2493373002: DevTools: rename WebInspector into modules. (Closed)

Patch Set: for bots Created 4 years, 1 month 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

« no previous file with comments | « third_party/WebKit/LayoutTests/inspector/animation/animation-empty-web-animations.html ('k') | third_party/WebKit/LayoutTests/inspector/animation/animation-group-matching-animations.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <html>	1 <html>

2 <head>	2 <head>

3 <style type="text/css">	3 <style type="text/css">

4 #node {	4 #node {

5 transition: height 150ms;	5 transition: height 150ms;

6 }	6 }

7	7

8 #node.css-anim {	8 #node.css-anim {

9 animation: anim 300ms ease-in-out;	9 animation: anim 300ms ease-in-out;

10 }	10 }

(...skipping 26 matching lines...) Expand all Loading...
37 }	37 }

38	38

39 function test()	39 function test()

40 {	40 {

41 var firstGroup;	41 var firstGroup;

42 var i = 0;	42 var i = 0;

43 startTransition();	43 startTransition();

44	44

45 function startTransition()	45 function startTransition()

46 {	46 {

47 var model = WebInspector.AnimationModel.fromTarget(InspectorTest.mainTar get);	47 var model = Animation.AnimationModel.fromTarget(InspectorTest.mainTarget );

48 model.ensureEnabled();	48 model.ensureEnabled();

49 model.addEventListener(WebInspector.AnimationModel.Events.AnimationGroup Started, groupStarted);	49 model.addEventListener(Animation.AnimationModel.Events.AnimationGroupSta rted, groupStarted);

50 InspectorTest.evaluateInPage("startCSSTransition()");	50 InspectorTest.evaluateInPage("startCSSTransition()");

51 }	51 }

52	52

53 function groupStarted(event)	53 function groupStarted(event)

54 {	54 {

55 InspectorTest.addResult("Animation group triggered");	55 InspectorTest.addResult("Animation group triggered");

56 InspectorTest.addResult("First animation of type: " + event.data.animati ons()[0].type());	56 InspectorTest.addResult("First animation of type: " + event.data.animati ons()[0].type());

57 var group = event.data;	57 var group = event.data;

58 if (!firstGroup)	58 if (!firstGroup)

59 firstGroup = group;	59 firstGroup = group;

(...skipping 13 matching lines...) Expand all Loading...
73	73

74 <body onload="runTest()">	74 <body onload="runTest()">

75 <p>	75 <p>

76 Tests the matching of groups in AnimationModel.	76 Tests the matching of groups in AnimationModel.

77 </p>	77 </p>

78	78

79 <div id="node" style="background-color: red; height: 100px"></div>	79 <div id="node" style="background-color: red; height: 100px"></div>

80	80

81 </body>	81 </body>

82 </html>	82 </html>

OLD	NEW