jakemac@google.com
589c718ac0
BUG= http://dartbug.com/20809 The following files were not migrated, they used to be in platform.js and are like polyfills, but are adding non-html spec functionality used by polymer: src/declaration/mdv.js src/declaration/polymer.js src/declaration/queue.js src/declaration/styles.js src/lib/dom.js src/lib/lang.js src/lib/loader.js src/lib/styleloader.js src/lib/url.js src/system/compat.js src/system/microtask.js src/system/module.js src/system/patches-mdv.js src/system/unresolved.js The following tests were not migrated. For the most part they are just testing the features added by the files above: test/html/loader-deduplicate.html test/html/mdv-shadow.html test/html/mdv-tests/polymer-expressions-tests.js test/html/styling/recursive-style-import.html test/html/url.html test/js/bindMDV.js test/js/oop.js test/html/styling/rules/* test/js/styling.js test/js/register.js test/js/utils.js test/html/template-repeat-wrappers.html R=sigmund@google.com Review URL: https://codereview.chromium.org//558673004 git-svn-id: https://dart.googlecode.com/svn/branches/bleeding_edge/dart@40120 260f80e4-7a28-3924-810f-c04153c831b5
180 lines
3.9 KiB
HTML
180 lines
3.9 KiB
HTML
<!--
|
|
Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file
|
|
for details. All rights reserved. Use of this source code is governed by a
|
|
BSD-style license that can be found in the LICENSE file.
|
|
-->
|
|
<!doctype html>
|
|
<html>
|
|
<!--polymer-test: this comment is needed for test_suite.dart-->
|
|
<head>
|
|
<script src="packages/web_components/platform.js"></script>
|
|
<script src="packages/web_components/dart_support.js"></script>
|
|
<link rel="import" href="packages/polymer/polymer.html">
|
|
<script src="/root_dart/tools/testing/dart/test_controller.js"></script>
|
|
|
|
<style shim-shadowdom>
|
|
[layout] {
|
|
border: 1px solid orange;
|
|
}
|
|
|
|
[flex] {
|
|
background-color: orange;
|
|
}
|
|
|
|
[sized] {
|
|
background-color: green;
|
|
border: 1px solid black;
|
|
height: 200px;
|
|
width: 200px;
|
|
}
|
|
|
|
[sized-container] [layout] {
|
|
height: 500px;
|
|
width: 500px;
|
|
}
|
|
|
|
/* IE10: requires flex items to be display block */
|
|
span {
|
|
display: block;
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
<body unresolved>
|
|
<div id="test1">
|
|
<h2>layout flex</h2>
|
|
<span horizontal layout>
|
|
<span>I am not flex</span>
|
|
<span flex>
|
|
intrinsix
|
|
</span>
|
|
<span flex sized></span>
|
|
<span>I am not flex</span>
|
|
</span>
|
|
<br><br>
|
|
<span vertical layout>
|
|
<span>I am not flex</span>
|
|
<span flex>
|
|
intrinsix
|
|
</span>
|
|
<span flex sized></span>
|
|
<span>I am not flex</span>
|
|
</span>
|
|
</div>
|
|
<br><hr><br>
|
|
<div id="test2">
|
|
<h2>layout flex auto</h2>
|
|
<span horizontal layout>
|
|
<span>I am not flex</span>
|
|
<span flex auto>
|
|
intrinsix
|
|
</span>
|
|
<span flex auto sized></span>
|
|
<span>I am not flex</span>
|
|
</span>
|
|
<br><br>
|
|
<span vertical layout>
|
|
<span>I am not flex</span>
|
|
<span flex auto>
|
|
intrinsix
|
|
</span>
|
|
<span flex auto sized></span>
|
|
<span>I am not flex</span>
|
|
</span>
|
|
</div>
|
|
<br><hr><br>
|
|
<div id="test3">
|
|
<h2>layout flex auto-vertical</h2>
|
|
<span horizontal layout>
|
|
<span>I am not flex</span>
|
|
<span flex auto-vertical>
|
|
intrinsix
|
|
</span>
|
|
<span flex auto-vertical sized></span>
|
|
<span>I am not flex</span>
|
|
</span>
|
|
<br><br>
|
|
<span vertical layout>
|
|
<span>I am not flex</span>
|
|
<span flex auto-vertical>
|
|
intrinsix
|
|
</span>
|
|
<span flex auto-vertical sized></span>
|
|
<span>I am not flex</span>
|
|
</span>
|
|
</div>
|
|
<br><hr><hr><br>
|
|
<h1>Sized Container</h1>
|
|
<div sized-container>
|
|
<div id="test4">
|
|
<h2>layout flex</h2>
|
|
<span horizontal layout>
|
|
<span>I am not flex</span>
|
|
<span flex>
|
|
intrinsix
|
|
</span>
|
|
<span flex sized></span>
|
|
<span>I am not flex</span>
|
|
</span>
|
|
<br><br>
|
|
<span vertical layout>
|
|
<span>I am not flex</span>
|
|
<span flex>
|
|
intrinsix
|
|
</span>
|
|
<span flex sized></span>
|
|
<span>I am not flex</span>
|
|
</span>
|
|
</div>
|
|
<br><hr><br>
|
|
<div id="test5">
|
|
<h2>layout flex auto</h2>
|
|
<span horizontal layout>
|
|
<span>I am not flex</span>
|
|
<span flex auto>
|
|
intrinsix
|
|
</span>
|
|
<span flex auto sized></span>
|
|
<span>I am not flex</span>
|
|
</span>
|
|
<br><br>
|
|
<span vertical layout>
|
|
<span>I am not flex</span>
|
|
<span flex auto>
|
|
intrinsix
|
|
</span>
|
|
<span flex auto sized></span>
|
|
<span>I am not flex</span>
|
|
</span>
|
|
</div>
|
|
<br><hr><br>
|
|
<div id="test6">
|
|
<h2>layout flex auto-vertical</h2>
|
|
<span horizontal layout>
|
|
<span>I am not flex</span>
|
|
<span flex auto-vertical>
|
|
intrinsix
|
|
</span>
|
|
<span flex auto-vertical sized></span>
|
|
<span>I am not flex</span>
|
|
</span>
|
|
<br><br>
|
|
<span vertical layout>
|
|
<span>I am not flex</span>
|
|
<span flex auto-vertical>
|
|
intrinsix
|
|
</span>
|
|
<span flex auto-vertical sized></span>
|
|
<span>I am not flex</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script type="application/dart" src="layout_test.dart">
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|