Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(75)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/css/all-shorthand-css-text.html

Issue 216803002: Implement all shorthand property. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Updated css-properties-as-js-properties-expected.txt Created 6 years, 9 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 | Annotate | Revision Log
« LayoutTests/fast/css/all-shorthand.html ('K') | « LayoutTests/fast/css/all-shorthand.html ('k') | LayoutTests/fast/css/all-shorthand-css-text-expected.txt » ('j') | LayoutTests/fast/css/all-shorthand-css-text-expected.txt » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <script src="../../resources/js-test.js"></script>
5 <style>
6 div { all: initial; }
7 div { all: initial; color: red; }
8 div { color: red; all: initial; }
9 div { all: initial !important; color: red; }
10 div { all: initial; color: red !important; }
11
12 div { all: inherit; }
13 div { all: inherit; color: red; }
14 div { color: red; all: inherit; }
15 div { all: inherit !important; color: red; }
16 div { all: inherit; color: red !important; }
17
18 div { all: red; all: none; all: 10px; all: auto; all: url(about:blank); }
19 </style>
20 </head>
21 <body>
22 <pre id='console'></pre>
23 <script>
24 description('Test for crbug.com/172051: all shorthand property.');
25
26 var cssRules = styleSheet = document.styleSheets[1].cssRules;
27
28 shouldBe('cssRules.length', '11');
29 shouldBe('cssRules[0].cssText', '"div { all: initial; }"');
30 shouldBe('cssRules[1].cssText', '"div { font-family: initial; font-kerning: init ial; font-size: initial; font-style: initial; font-variant: initial; font-varian t-ligatures: initial; font-weight: initial; text-rendering: initial; -webkit-fon t-feature-settings: initial; -webkit-font-smoothing: initial; -webkit-locale: in itial; -webkit-text-orientation: initial; -webkit-writing-mode: initial; line-he ight: initial; border-collapse: initial; caption-side: initial; cursor: initial; empty-cells: initial; image-rendering: initial; letter-spacing: initial; list-s tyle: initial; orphans: initial; pointer-events: initial; quotes: initial; resiz e: initial; speak: initial; tab-size: initial; text-align: initial; text-align-l ast: initial; text-indent: initial; text-justify: initial; text-shadow: initial; text-transform: initial; text-underline-position: initial; touch-action-delay: initial; visibility: initial; white-space: initial; widows: initial; word-break: initial; word-spacing: initial; word-wrap: initial; -webkit-aspect-ratio: initi al; border-spacing: initial; -webkit-box-direction: initial; -webkit-highlight: initial; -webkit-hyphenate-character: initial; -webkit-line-box-contain: initial ; -webkit-line-break: initial; -webkit-print-color-adjust: initial; -webkit-rtl- ordering: initial; -webkit-ruby-position: initial; -webkit-text-combine: initial ; -webkit-text-decorations-in-effect: initial; -webkit-text-emphasis-color: init ial; -webkit-text-emphasis-position: initial; -webkit-text-emphasis-style: initi al; -webkit-text-fill-color: initial; -webkit-text-security: initial; -webkit-te xt-stroke-color: initial; -webkit-text-stroke-width: initial; -webkit-user-modif y: initial; -webkit-user-select: initial; -webkit-tap-highlight-color: initial; color: red; background: initial; }"');
31 shouldBe('cssRules[2].cssText', '"div { all: initial; }"');
32 shouldBe('cssRules[3].cssText', '"div { all: initial !important; }"');
33 shouldBe('cssRules[4].cssText', '"div { font-family: initial; font-kerning: init ial; font-size: initial; font-style: initial; font-variant: initial; font-varian t-ligatures: initial; font-weight: initial; text-rendering: initial; -webkit-fon t-feature-settings: initial; -webkit-font-smoothing: initial; -webkit-locale: in itial; -webkit-text-orientation: initial; -webkit-writing-mode: initial; line-he ight: initial; border-collapse: initial; caption-side: initial; cursor: initial; empty-cells: initial; image-rendering: initial; letter-spacing: initial; list-s tyle: initial; orphans: initial; pointer-events: initial; quotes: initial; resiz e: initial; speak: initial; tab-size: initial; text-align: initial; text-align-l ast: initial; text-indent: initial; text-justify: initial; text-shadow: initial; text-transform: initial; text-underline-position: initial; touch-action-delay: initial; visibility: initial; white-space: initial; widows: initial; word-break: initial; word-spacing: initial; word-wrap: initial; -webkit-aspect-ratio: initi al; border-spacing: initial; -webkit-box-direction: initial; -webkit-highlight: initial; -webkit-hyphenate-character: initial; -webkit-line-box-contain: initial ; -webkit-line-break: initial; -webkit-print-color-adjust: initial; -webkit-rtl- ordering: initial; -webkit-ruby-position: initial; -webkit-text-combine: initial ; -webkit-text-decorations-in-effect: initial; -webkit-text-emphasis-color: init ial; -webkit-text-emphasis-position: initial; -webkit-text-emphasis-style: initi al; -webkit-text-fill-color: initial; -webkit-text-security: initial; -webkit-te xt-stroke-color: initial; -webkit-text-stroke-width: initial; -webkit-user-modif y: initial; -webkit-user-select: initial; -webkit-tap-highlight-color: initial; color: red !important; background: initial; }"');
34
35 shouldBe('cssRules[5].cssText', '"div { all: inherit; }"');
36 shouldBe('cssRules[6].cssText', '"div { display: inherit; -webkit-animation: inh erit; -webkit-animation-play-state: inherit; animation-delay: inherit; animation -direction: inherit; animation-duration: inherit; animation-fill-mode: inherit; animation-iteration-count: inherit; animation-name: inherit; animation-play-stat e: inherit; animation-timing-function: inherit; -webkit-transition: inherit; tra nsition: inherit; font-family: inherit; font-kerning: inherit; font-size: inheri t; font-style: inherit; font-variant: inherit; font-variant-ligatures: inherit; font-weight: inherit; text-rendering: inherit; -webkit-font-feature-settings: in herit; -webkit-font-smoothing: inherit; -webkit-locale: inherit; -webkit-text-or ientation: inherit; -webkit-writing-mode: inherit; zoom: inherit; line-height: i nherit; background-blend-mode: inherit; border: inherit; border-bottom-left-radi us: inherit; border-bottom-right-radius: inherit; border-collapse: inherit; bord er-image-outset: inherit; border-image-repeat: inherit; border-image-slice: inhe rit; border-image-source: inherit; border-image-width: inherit; border-top-left- radius: inherit; border-top-right-radius: inherit; bottom: inherit; box-shadow: inherit; box-sizing: inherit; caption-side: inherit; clear: inherit; clip: inher it; -webkit-clip-path: inherit; content: inherit; counter-increment: inherit; co unter-reset: inherit; cursor: inherit; empty-cells: inherit; float: inherit; fon t-stretch: inherit; height: inherit; image-rendering: inherit; isolation: inheri t; justify-self: inherit; left: inherit; letter-spacing: inherit; list-style: in herit; margin: inherit; mask-source-type: inherit; max-height: inherit; max-widt h: inherit; min-height: inherit; min-width: inherit; mix-blend-mode: inherit; op acity: inherit; orphans: inherit; outline: inherit; outline-offset: inherit; obj ect-fit: inherit; object-position: inherit; overflow-wrap: inherit; overflow: in herit; padding: inherit; page: inherit; page-break-after: inherit; page-break-be fore: inherit; page-break-inside: inherit; pointer-events: inherit; position: in herit; quotes: inherit; resize: inherit; right: inherit; scroll-behavior: inheri t; size: inherit; src: inherit; speak: inherit; table-layout: inherit; tab-size: inherit; text-align: inherit; text-align-last: inherit; text-decoration-line: i nherit; text-decoration-style: inherit; text-decoration-color: inherit; text-ind ent: inherit; text-justify: inherit; text-line-through-color: inherit; text-line -through-mode: inherit; text-line-through-style: inherit; text-line-through-widt h: inherit; text-overflow: inherit; text-overline-color: inherit; text-overline- mode: inherit; text-overline-style: inherit; text-overline-width: inherit; text- shadow: inherit; text-transform: inherit; text-underline-color: inherit; text-un derline-mode: inherit; text-underline-style: inherit; text-underline-width: inhe rit; text-underline-position: inherit; top: inherit; touch-action: inherit; touc h-action-delay: inherit; unicode-range: inherit; vertical-align: inherit; visibi lity: inherit; white-space: inherit; widows: inherit; width: inherit; will-chang e: inherit; word-break: inherit; word-spacing: inherit; word-wrap: inherit; z-in dex: inherit; -webkit-appearance: inherit; -webkit-aspect-ratio: inherit; -webki t-backface-visibility: inherit; -webkit-background-clip: inherit; -webkit-backgr ound-composite: inherit; -webkit-background-origin: inherit; -webkit-background- size: inherit; -webkit-border-after-color: inherit; -webkit-border-after-style: inherit; -webkit-border-after-width: inherit; -webkit-border-before-color: inher it; -webkit-border-before-style: inherit; -webkit-border-before-width: inherit; -webkit-border-end-color: inherit; -webkit-border-end-style: inherit; -webkit-bo rder-end-width: inherit; -webkit-border-fit: inherit; border-spacing: inherit; - webkit-border-image: inherit; -webkit-border-start-color: inherit; -webkit-borde r-start-style: inherit; -webkit-border-start-width: inherit; -webkit-box-align: inherit; -webkit-box-direction: inherit; -webkit-box-flex: inherit; -webkit-box- flex-group: inherit; -webkit-box-lines: inherit; -webkit-box-ordinal-group: inhe rit; -webkit-box-orient: inherit; -webkit-box-pack: inherit; -webkit-box-reflect : inherit; -webkit-box-shadow: inherit; -internal-callback: inherit; -webkit-col umn-break-after: inherit; -webkit-column-break-before: inherit; -webkit-column-b reak-inside: inherit; -webkit-column-count: inherit; column-fill: inherit; -webk it-column-gap: inherit; -webkit-column-rule-color: inherit; -webkit-column-rule- style: inherit; -webkit-column-rule-width: inherit; -webkit-column-span: inherit ; -webkit-column-width: inherit; -webkit-box-decoration-break: inherit; -webkit- filter: inherit; align-content: inherit; align-items: inherit; align-self: inher it; flex: inherit; flex-flow: inherit; justify-content: inherit; grid-auto-colum ns: inherit; grid-auto-flow: inherit; grid-auto-rows: inherit; grid-column-end: inherit; grid-column-start: inherit; grid-template-columns: inherit; grid-templa te-rows: inherit; grid-row-end: inherit; grid-row-start: inherit; grid-template- areas: inherit; -webkit-highlight: inherit; -webkit-hyphenate-character: inherit ; -webkit-line-box-contain: inherit; -webkit-line-break: inherit; -webkit-line-c lamp: inherit; -webkit-logical-width: inherit; -webkit-logical-height: inherit; -webkit-margin-after-collapse: inherit; -webkit-margin-before-collapse: inherit; -webkit-margin-bottom-collapse: inherit; -webkit-margin-top-collapse: inherit; -webkit-margin-after: inherit; -webkit-margin-before: inherit; -webkit-margin-en d: inherit; -webkit-margin-start: inherit; -webkit-mask-box-image-outset: inheri t; -webkit-mask-box-image-repeat: inherit; -webkit-mask-box-image-slice: inherit ; -webkit-mask-box-image-source: inherit; -webkit-mask-box-image-width: inherit; -webkit-mask: inherit; -webkit-mask-composite: inherit; -webkit-mask-size: inhe rit; -webkit-max-logical-width: inherit; -webkit-max-logical-height: inherit; -w ebkit-min-logical-width: inherit; -webkit-min-logical-height: inherit; order: in herit; -webkit-padding-after: inherit; -webkit-padding-before: inherit; -webkit- padding-end: inherit; -webkit-padding-start: inherit; -webkit-perspective: inher it; -webkit-perspective-origin: inherit; -webkit-perspective-origin-x: inherit; -webkit-perspective-origin-y: inherit; -webkit-print-color-adjust: inherit; -web kit-rtl-ordering: inherit; -webkit-ruby-position: inherit; -webkit-text-combine: inherit; -webkit-text-decorations-in-effect: inherit; -webkit-text-emphasis-col or: inherit; -webkit-text-emphasis-position: inherit; -webkit-text-emphasis-styl e: inherit; -webkit-text-fill-color: inherit; -webkit-text-security: inherit; -w ebkit-text-stroke-color: inherit; -webkit-text-stroke-width: inherit; -webkit-tr ansform: inherit; -webkit-transform-origin: inherit; -webkit-transform-style: in herit; -webkit-user-drag: inherit; -webkit-user-modify: inherit; -webkit-user-se lect: inherit; shape-outside: inherit; shape-margin: inherit; shape-padding: inh erit; shape-image-threshold: inherit; -webkit-wrap-flow: inherit; -webkit-wrap-t hrough: inherit; max-zoom: inherit; min-zoom: inherit; orientation: inherit; use r-zoom: inherit; -webkit-tap-highlight-color: inherit; -webkit-app-region: inher it; color: red; background: inherit; }"');
37 shouldBe('cssRules[7].cssText', '"div { all: inherit; }"');
38 shouldBe('cssRules[8].cssText', '"div { all: inherit !important; }"');
39 shouldBe('cssRules[9].cssText', '"div { display: inherit; -webkit-animation: inh erit; -webkit-animation-play-state: inherit; animation-delay: inherit; animation -direction: inherit; animation-duration: inherit; animation-fill-mode: inherit; animation-iteration-count: inherit; animation-name: inherit; animation-play-stat e: inherit; animation-timing-function: inherit; -webkit-transition: inherit; tra nsition: inherit; font-family: inherit; font-kerning: inherit; font-size: inheri t; font-style: inherit; font-variant: inherit; font-variant-ligatures: inherit; font-weight: inherit; text-rendering: inherit; -webkit-font-feature-settings: in herit; -webkit-font-smoothing: inherit; -webkit-locale: inherit; -webkit-text-or ientation: inherit; -webkit-writing-mode: inherit; zoom: inherit; line-height: i nherit; background-blend-mode: inherit; border: inherit; border-bottom-left-radi us: inherit; border-bottom-right-radius: inherit; border-collapse: inherit; bord er-image-outset: inherit; border-image-repeat: inherit; border-image-slice: inhe rit; border-image-source: inherit; border-image-width: inherit; border-top-left- radius: inherit; border-top-right-radius: inherit; bottom: inherit; box-shadow: inherit; box-sizing: inherit; caption-side: inherit; clear: inherit; clip: inher it; -webkit-clip-path: inherit; content: inherit; counter-increment: inherit; co unter-reset: inherit; cursor: inherit; empty-cells: inherit; float: inherit; fon t-stretch: inherit; height: inherit; image-rendering: inherit; isolation: inheri t; justify-self: inherit; left: inherit; letter-spacing: inherit; list-style: in herit; margin: inherit; mask-source-type: inherit; max-height: inherit; max-widt h: inherit; min-height: inherit; min-width: inherit; mix-blend-mode: inherit; op acity: inherit; orphans: inherit; outline: inherit; outline-offset: inherit; obj ect-fit: inherit; object-position: inherit; overflow-wrap: inherit; overflow: in herit; padding: inherit; page: inherit; page-break-after: inherit; page-break-be fore: inherit; page-break-inside: inherit; pointer-events: inherit; position: in herit; quotes: inherit; resize: inherit; right: inherit; scroll-behavior: inheri t; size: inherit; src: inherit; speak: inherit; table-layout: inherit; tab-size: inherit; text-align: inherit; text-align-last: inherit; text-decoration-line: i nherit; text-decoration-style: inherit; text-decoration-color: inherit; text-ind ent: inherit; text-justify: inherit; text-line-through-color: inherit; text-line -through-mode: inherit; text-line-through-style: inherit; text-line-through-widt h: inherit; text-overflow: inherit; text-overline-color: inherit; text-overline- mode: inherit; text-overline-style: inherit; text-overline-width: inherit; text- shadow: inherit; text-transform: inherit; text-underline-color: inherit; text-un derline-mode: inherit; text-underline-style: inherit; text-underline-width: inhe rit; text-underline-position: inherit; top: inherit; touch-action: inherit; touc h-action-delay: inherit; unicode-range: inherit; vertical-align: inherit; visibi lity: inherit; white-space: inherit; widows: inherit; width: inherit; will-chang e: inherit; word-break: inherit; word-spacing: inherit; word-wrap: inherit; z-in dex: inherit; -webkit-appearance: inherit; -webkit-aspect-ratio: inherit; -webki t-backface-visibility: inherit; -webkit-background-clip: inherit; -webkit-backgr ound-composite: inherit; -webkit-background-origin: inherit; -webkit-background- size: inherit; -webkit-border-after-color: inherit; -webkit-border-after-style: inherit; -webkit-border-after-width: inherit; -webkit-border-before-color: inher it; -webkit-border-before-style: inherit; -webkit-border-before-width: inherit; -webkit-border-end-color: inherit; -webkit-border-end-style: inherit; -webkit-bo rder-end-width: inherit; -webkit-border-fit: inherit; border-spacing: inherit; - webkit-border-image: inherit; -webkit-border-start-color: inherit; -webkit-borde r-start-style: inherit; -webkit-border-start-width: inherit; -webkit-box-align: inherit; -webkit-box-direction: inherit; -webkit-box-flex: inherit; -webkit-box- flex-group: inherit; -webkit-box-lines: inherit; -webkit-box-ordinal-group: inhe rit; -webkit-box-orient: inherit; -webkit-box-pack: inherit; -webkit-box-reflect : inherit; -webkit-box-shadow: inherit; -internal-callback: inherit; -webkit-col umn-break-after: inherit; -webkit-column-break-before: inherit; -webkit-column-b reak-inside: inherit; -webkit-column-count: inherit; column-fill: inherit; -webk it-column-gap: inherit; -webkit-column-rule-color: inherit; -webkit-column-rule- style: inherit; -webkit-column-rule-width: inherit; -webkit-column-span: inherit ; -webkit-column-width: inherit; -webkit-box-decoration-break: inherit; -webkit- filter: inherit; align-content: inherit; align-items: inherit; align-self: inher it; flex: inherit; flex-flow: inherit; justify-content: inherit; grid-auto-colum ns: inherit; grid-auto-flow: inherit; grid-auto-rows: inherit; grid-column-end: inherit; grid-column-start: inherit; grid-template-columns: inherit; grid-templa te-rows: inherit; grid-row-end: inherit; grid-row-start: inherit; grid-template- areas: inherit; -webkit-highlight: inherit; -webkit-hyphenate-character: inherit ; -webkit-line-box-contain: inherit; -webkit-line-break: inherit; -webkit-line-c lamp: inherit; -webkit-logical-width: inherit; -webkit-logical-height: inherit; -webkit-margin-after-collapse: inherit; -webkit-margin-before-collapse: inherit; -webkit-margin-bottom-collapse: inherit; -webkit-margin-top-collapse: inherit; -webkit-margin-after: inherit; -webkit-margin-before: inherit; -webkit-margin-en d: inherit; -webkit-margin-start: inherit; -webkit-mask-box-image-outset: inheri t; -webkit-mask-box-image-repeat: inherit; -webkit-mask-box-image-slice: inherit ; -webkit-mask-box-image-source: inherit; -webkit-mask-box-image-width: inherit; -webkit-mask: inherit; -webkit-mask-composite: inherit; -webkit-mask-size: inhe rit; -webkit-max-logical-width: inherit; -webkit-max-logical-height: inherit; -w ebkit-min-logical-width: inherit; -webkit-min-logical-height: inherit; order: in herit; -webkit-padding-after: inherit; -webkit-padding-before: inherit; -webkit- padding-end: inherit; -webkit-padding-start: inherit; -webkit-perspective: inher it; -webkit-perspective-origin: inherit; -webkit-perspective-origin-x: inherit; -webkit-perspective-origin-y: inherit; -webkit-print-color-adjust: inherit; -web kit-rtl-ordering: inherit; -webkit-ruby-position: inherit; -webkit-text-combine: inherit; -webkit-text-decorations-in-effect: inherit; -webkit-text-emphasis-col or: inherit; -webkit-text-emphasis-position: inherit; -webkit-text-emphasis-styl e: inherit; -webkit-text-fill-color: inherit; -webkit-text-security: inherit; -w ebkit-text-stroke-color: inherit; -webkit-text-stroke-width: inherit; -webkit-tr ansform: inherit; -webkit-transform-origin: inherit; -webkit-transform-style: in herit; -webkit-user-drag: inherit; -webkit-user-modify: inherit; -webkit-user-se lect: inherit; shape-outside: inherit; shape-margin: inherit; shape-padding: inh erit; shape-image-threshold: inherit; -webkit-wrap-flow: inherit; -webkit-wrap-t hrough: inherit; max-zoom: inherit; min-zoom: inherit; orientation: inherit; use r-zoom: inherit; -webkit-tap-highlight-color: inherit; -webkit-app-region: inher it; color: red !important; background: inherit; }"');
40
41 shouldBe('cssRules[10].cssText', '"div { }"');
42 </script>
43 </body>
44 </html>
45
OLDNEW
« LayoutTests/fast/css/all-shorthand.html ('K') | « LayoutTests/fast/css/all-shorthand.html ('k') | LayoutTests/fast/css/all-shorthand-css-text-expected.txt » ('j') | LayoutTests/fast/css/all-shorthand-css-text-expected.txt » ('J')

Powered by Google App Engine
This is Rietveld 408576698