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

Side by Side Diff: LayoutTests/svg/in-html/sizing/svg-inline-vertical.html

Issue 1129763002: Add tests for SVG sizing inside vertical writing mode (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Full change with updated expected file Created 5 years, 7 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
« no previous file with comments | « no previous file | LayoutTests/svg/in-html/sizing/svg-inline-vertical-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!doctype html>
2 <title>Test SVG sizing in vertical writing mode</title>
3 <script src="../../../resources/testharness.js"></script>
4 <script src="../../../resources/testharnessreport.js"></script>
5 <style>
6 div {
7 -webkit-writing-mode: vertical-rl;
8 writing-mode: vertical-rl;
9 height: 200px;
10 }
11 </style>
12 <div>
13 <!-- All SVGs expected size is 100x200 -->
14 <svg width="100" height="200">
15 <rect x="0" y="0" width="100" height="200" fill="lime" stroke="black" stroke -width="10"/>
16 </svg>
17 <svg style="width: auto !important; height: auto !important" width="100" heigh t="200">
18 <rect x="0" y="0" width="100" height="200" fill="lime" stroke="black" stroke -width="10"/>
19 </svg>
20 <svg viewBox="0 0 100 200">
21 <rect x="0" y="0" width="100" height="200" fill="lime" stroke="black" stroke -width="10"/>
22 </svg>
23 <svg width="100" viewBox="0 0 100 200">
24 <rect x="0" y="0" width="100" height="200" fill="lime" stroke="black" stroke -width="10"/>
25 </svg>
26 <svg height="200" viewBox="0 0 100 200">
27 <rect x="0" y="0" width="100" height="200" fill="lime" stroke="black" stroke -width="10"/>
28 </svg>
29 </div>
30 <script>
31 var svgs = document.querySelectorAll('svg');
32 [].forEach.call(svgs, function (svg) {
33 test(function() {
34 var bounds = svg.getBoundingClientRect();
35 assert_equals(bounds.height, 200, "Height");
36 assert_equals(bounds.width, 100, "Width");
37
38 }, "Test size calculation in vertical writing mode");
39 });
40 </script>
OLDNEW
« no previous file with comments | « no previous file | LayoutTests/svg/in-html/sizing/svg-inline-vertical-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698