mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность
gecko-dev/layout/style/test/test_bug621351.html

36 строки
1.4 KiB
HTML
Исходник Обычный вид История

Bug 621351 - Test that border widths and colors set by logical border shorthands can be transitioned. r=dbaron
2015-01-28 06:41:31 +03:00
<!DOCTYPE html>
<html lang=en>
<title>Test for Bug 160403</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css">
<span></span>
<style>
span {
Bug 1111440 - Replace rest of -moz-/Moz prefixed logical margin/padding/border properties with their standard versions. r=heycam This patch was generated by the command: find * -type f -exec sed -i -f ../mozpropsub {} \; in the root of the repository, with the file ../mozpropsub containing: s/-moz-padding-end\>/padding-inline-end/g s/-moz-padding-start\>/padding-inline-start/g s/-moz-margin-end\>/margin-inline-end/g s/-moz-margin-start\>/margin-inline-start/g s/-moz-border-end\>/border-inline-end/g s/-moz-border-end-color\>/border-inline-end-color/g s/-moz-border-end-style\>/border-inline-end-style/g s/-moz-border-end-width\>/border-inline-end-width/g s/-moz-border-start\>/border-inline-start/g s/-moz-border-start-color\>/border-inline-start-color/g s/-moz-border-start-style\>/border-inline-start-style/g s/-moz-border-start-width\>/border-inline-start-width/g s/\<MozPaddingEnd\>/paddingInlineEnd/g s/\<MozPaddingStart\>/paddingInlineStart/g s/\<MozMarginEnd\>/marginInlineEnd/g s/\<MozMarginStart\>/marginInlineStart/g s/\<MozBorderEnd\>/borderInlineEnd/g s/\<MozBorderEndColor\>/borderInlineEndColor/g s/\<MozBorderEndStyle\>/borderInlineEndStyle/g s/\<MozBorderEndWidth\>/borderInlineEndWidth/g s/\<MozBorderStart\>/borderInlineStart/g s/\<MozBorderStartColor\>/borderInlineStartColor/g s/\<MozBorderStartStyle\>/borderInlineStartStyle/g s/\<MozBorderStartWidth\>/borderInlineStartWidth/g The diffs for the following files: layout/style/nsCSSPropAliasList.h layout/style/test/property_database.js layout/style/test/test_value_computation.html were then manually removed from the patch. MozReview-Commit-ID: 8fbYnlZcn9U
2016-05-14 10:00:18 +03:00
border-inline-start: 0px solid rgb(0, 0, 0);
border-inline-end: 0px solid rgb(0, 0, 0);
Bug 621351 - Test that border widths and colors set by logical border shorthands can be transitioned. r=dbaron
2015-01-28 06:41:31 +03:00
transition: border 100s linear -50s;
}
span.transitioned {
Bug 1111440 - Replace rest of -moz-/Moz prefixed logical margin/padding/border properties with their standard versions. r=heycam This patch was generated by the command: find * -type f -exec sed -i -f ../mozpropsub {} \; in the root of the repository, with the file ../mozpropsub containing: s/-moz-padding-end\>/padding-inline-end/g s/-moz-padding-start\>/padding-inline-start/g s/-moz-margin-end\>/margin-inline-end/g s/-moz-margin-start\>/margin-inline-start/g s/-moz-border-end\>/border-inline-end/g s/-moz-border-end-color\>/border-inline-end-color/g s/-moz-border-end-style\>/border-inline-end-style/g s/-moz-border-end-width\>/border-inline-end-width/g s/-moz-border-start\>/border-inline-start/g s/-moz-border-start-color\>/border-inline-start-color/g s/-moz-border-start-style\>/border-inline-start-style/g s/-moz-border-start-width\>/border-inline-start-width/g s/\<MozPaddingEnd\>/paddingInlineEnd/g s/\<MozPaddingStart\>/paddingInlineStart/g s/\<MozMarginEnd\>/marginInlineEnd/g s/\<MozMarginStart\>/marginInlineStart/g s/\<MozBorderEnd\>/borderInlineEnd/g s/\<MozBorderEndColor\>/borderInlineEndColor/g s/\<MozBorderEndStyle\>/borderInlineEndStyle/g s/\<MozBorderEndWidth\>/borderInlineEndWidth/g s/\<MozBorderStart\>/borderInlineStart/g s/\<MozBorderStartColor\>/borderInlineStartColor/g s/\<MozBorderStartStyle\>/borderInlineStartStyle/g s/\<MozBorderStartWidth\>/borderInlineStartWidth/g The diffs for the following files: layout/style/nsCSSPropAliasList.h layout/style/test/property_database.js layout/style/test/test_value_computation.html were then manually removed from the patch. MozReview-Commit-ID: 8fbYnlZcn9U
2016-05-14 10:00:18 +03:00
border-inline-start: 100px solid rgb(100, 100, 100);
border-inline-end: 10px solid rgb(10, 10, 10);
Bug 621351 - Test that border widths and colors set by logical border shorthands can be transitioned. r=dbaron
2015-01-28 06:41:31 +03:00
}
</style>
<script>
// Test that transitioning each of border-{left,right}-{color,width}
// works when the values are set through the -moz-border-{start,end}
// shorthands.
var e = document.querySelector("span");
var cs = getComputedStyle(e);
is(cs.borderLeftColor, "rgb(0, 0, 0)", "value of border-left-color before transition");
is(cs.borderLeftWidth, "0px", "value of border-left-width before transition");
is(cs.borderRightColor, "rgb(0, 0, 0)", "value of border-right-color before transition");
is(cs.borderRightWidth, "0px", "value of border-right-width before transition");
e.className = "transitioned";
is(cs.borderLeftWidth, "50px", "value of border-left-width during transition");
is(cs.borderLeftColor, "rgb(50, 50, 50)", "value of border-left-color during transition");
is(cs.borderRightWidth, "5px", "value of border-right-width during transition");
is(cs.borderRightColor, "rgb(5, 5, 5)", "value of border-right-color during transition");
e.remove();
</script>