mirror of
https://github.com/flutter/flutter.git
synced 2026-02-20 02:29:02 +08:00
b9df2edb7d
We only ever create RenderParagraphs now. The only non-trivial change here is making RenderView a RenderFlexibleBox. This required changing custom.sky. That test was written in a fragile way that behaved differently if we did multiple layouts. Instead, having it be less racy and only change values during the test itself. This also throws a wrench in moving all the layout code to dart because we can't set the layout manager on the RenderView. Maybe we need to explicitly let you do so. R=eseidel@chromium.org Review URL: https://codereview.chromium.org/1068683002
86 lines
2.3 KiB
Plaintext
86 lines
2.3 KiB
Plaintext
<parent style='background-color: lightblue;'>
|
|
<child style='background-color: pink;'>
|
|
<grandchild style='background-color: red; width: 25px; height: 25px;'></grandchild>
|
|
</child>
|
|
<child2 style='background-color: salmon; height: 25px;' />
|
|
</parent>
|
|
|
|
<script>
|
|
import "../resources/third_party/unittest/unittest.dart";
|
|
import "../resources/unit.dart";
|
|
|
|
import 'dart:async';
|
|
import 'dart:sky';
|
|
|
|
void main() {
|
|
initUnit();
|
|
|
|
var first = true;
|
|
|
|
var parent = document.querySelector('parent');
|
|
var firstChild = parent.firstElementChild;
|
|
var secondChild = parent.lastElementChild;
|
|
|
|
parent.setLayoutManager(() {
|
|
if (first) {
|
|
parent.width = 200.0;
|
|
} else {
|
|
parent.width = 150.0;
|
|
}
|
|
|
|
firstChild.width = 100.0;
|
|
firstChild.layout();
|
|
firstChild.x = 100.0;
|
|
firstChild.y = 50.0;
|
|
firstChild.height = 50.0;
|
|
|
|
// The second element correctly gets it's width from it's container.
|
|
// TODO(ojan): Change the layout method to take in availableWidth
|
|
// so code doesn't need to mess with setNeedsLayout dirty bits
|
|
// in the middle of layout and so the parent and child don't need
|
|
// to coordinate as much about expectations.
|
|
secondChild.setNeedsLayout();
|
|
secondChild.layout();
|
|
|
|
parent.height = 100.0;
|
|
});
|
|
|
|
void assertNonChangingValues() {
|
|
expect(parent.offsetHeight, equals(100));
|
|
expect(parent.offsetTop, equals(0));
|
|
expect(parent.offsetLeft, equals(0));
|
|
|
|
expect(firstChild.offsetWidth, equals(100));
|
|
expect(firstChild.offsetHeight, equals(50));
|
|
expect(firstChild.offsetTop, equals(50));
|
|
expect(firstChild.offsetLeft, equals(100));
|
|
|
|
expect(secondChild.offsetHeight, equals(25));
|
|
expect(secondChild.offsetTop, equals(0));
|
|
expect(secondChild.offsetLeft, equals(0));
|
|
};
|
|
|
|
test("should have the right sizes after layout", () {
|
|
Completer completer = new Completer();
|
|
|
|
window.requestAnimationFrame((_) {
|
|
expect(parent.offsetWidth, equals(200));
|
|
expect(secondChild.offsetWidth, equals(200));
|
|
assertNonChangingValues();
|
|
|
|
first = false;
|
|
parent.setNeedsLayout();
|
|
|
|
window.requestAnimationFrame((_) {
|
|
expect(parent.offsetWidth, equals(150));
|
|
expect(secondChild.offsetWidth, equals(150));
|
|
assertNonChangingValues();
|
|
completer.complete();
|
|
});
|
|
});
|
|
|
|
return completer.future;
|
|
});
|
|
}
|
|
</script>
|