third_party/WebKit/LayoutTests/css3/motion-path/motion.html - Issue 2828503002: CSS Motion Path: delete implementation of motion shorthand

Unified Diff: third_party/WebKit/LayoutTests/css3/motion-path/motion.html

Issue 2828503002: CSS Motion Path: delete implementation of motion shorthand (Closed)

Patch Set: test update Created 3 years, 8 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 side-by-side diff with in-line comments

« no previous file with comments | « third_party/WebKit/LayoutTests/css3/motion-path/combine-motion-translation-and-rotation-expected.html ('k') | third_party/WebKit/LayoutTests/css3/motion-path/motion-shorthand-deprecated.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/css3/motion-path/motion.html

diff --git a/third_party/WebKit/LayoutTests/css3/motion-path/motion.html b/third_party/WebKit/LayoutTests/css3/motion-path/motion.html

deleted file mode 100644

index 7d6a79b5b1075d2093175be728470ebaa0abe9b0..0000000000000000000000000000000000000000

--- a/third_party/WebKit/LayoutTests/css3/motion-path/motion.html

+++ /dev/null

@@ -1,69 +0,0 @@

-<!DOCTYPE html>

-<html>

-<head>

-<script src="../../resources/testharness.js"></script>

-<script src="../../resources/testharnessreport.js"></script>

-<style>

-#div2 {

- motion: none 50% auto 400grad;

-#div3 {

- motion: path('M 10 20 h 30 v 150') 0rad 70px;

-#div4 {

- motion: 10px 90deg reverse none;

-</style>

-</head>

-<body>

-<div id="div1"></div>

-<div id="div2"></div>

-<div id="div3"></div>

-<div id="div4"></div>

-<span id="span1" style="motion: path('M 1 2 V 3') 4px 5deg"></span>

-<script>

-"use strict";

-test(function() {

- assert_equals(getComputedStyle(div1, null).motionPath, 'none');

- assert_equals(getComputedStyle(div1, null).motionOffset, '0px');

- assert_equals(getComputedStyle(div1, null).motionRotation, 'auto 0deg');

- assert_equals(getComputedStyle(div1, null).motion, 'none 0px auto 0deg');

- assert_equals(getComputedStyle(div1, null).transform, 'none');

-}, 'motion default is none 0px auto 0deg');

-test(function() {

- assert_equals(getComputedStyle(div2, null).motionPath, 'none');

- assert_equals(getComputedStyle(div2, null).motionOffset, '50%');

- assert_equals(getComputedStyle(div2, null).motionRotation, 'auto 360deg');

- assert_equals(getComputedStyle(div2, null).motion, 'none 50% auto 360deg');

- assert_equals(getComputedStyle(div2, null).transform, 'none');

-}, 'motion supports various angle units');

-test(function() {

- assert_equals(getComputedStyle(div3, null).motionPath, "path('M 10 20 h 30 v 150')");

- assert_equals(getComputedStyle(div3, null).motionOffset, '70px');

- assert_equals(getComputedStyle(div3, null).motionRotation, '0deg');

- assert_equals(getComputedStyle(div3, null).motion, "path('M 10 20 h 30 v 150') 70px 0deg");

- assert_equals(getComputedStyle(div3, null).transform, 'matrix(1, 0, 0, 1, 0, 0)');

-}, 'motion supports SVG path data');

-test(function() {

- assert_equals(getComputedStyle(div4, null).motionPath, 'none');

- assert_equals(getComputedStyle(div4, null).motionOffset, '10px');

- assert_equals(getComputedStyle(div4, null).motionRotation, 'auto 270deg');

- assert_equals(getComputedStyle(div4, null).motion, 'none 10px auto 270deg');

- assert_equals(getComputedStyle(div4, null).transform, 'none');

-}, 'motion property data can be supplied in any order');

-test(function() {

- assert_equals(span1.style.motionPath, "path('M 1 2 V 3')");

- assert_equals(span1.style.motionOffset, '4px');

- assert_equals(span1.style.motionRotation, '5deg');

- assert_equals(span1.style.motion, "path('M 1 2 V 3') 4px 5deg");

- assert_equals(span1.style.transform, '');

-}, 'motion style can be set inline');

-</script>

-</body>

-</html>