reparent_state_test.dart 9.85 KB
Newer Older
1 2 3 4
// Copyright 2015 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

Adam Barth's avatar
Adam Barth committed
5
import 'package:flutter_test/flutter_test.dart';
6
import 'package:flutter/widgets.dart';
7

8
class StateMarker extends StatefulWidget {
9 10 11 12
  StateMarker({ Key key, this.child }) : super(key: key);

  final Widget child;

13
  @override
14 15 16 17 18 19
  StateMarkerState createState() => new StateMarkerState();
}

class StateMarkerState extends State<StateMarker> {
  String marker;

20
  @override
21 22 23 24 25 26 27
  Widget build(BuildContext context) {
    if (config.child != null)
      return config.child;
    return new Container();
  }
}

28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50
class DeactivateLogger extends StatefulWidget {
  DeactivateLogger({ Key key, this.log }) : super(key: key);

  final List<String> log;

  @override
  DeactivateLoggerState createState() => new DeactivateLoggerState();
}

class DeactivateLoggerState extends State<DeactivateLogger> {
  @override
  void deactivate() {
    config.log.add('deactivate');
    super.deactivate();
  }

  @override
  Widget build(BuildContext context) {
    config.log.add('build');
    return new Container();
  }
}

51
void main() {
52
  testWidgets('can reparent state', (WidgetTester tester) async {
53 54
    GlobalKey left = new GlobalKey();
    GlobalKey right = new GlobalKey();
55

56
    StateMarker grandchild = new StateMarker();
57
    await tester.pumpWidget(
58 59 60 61 62 63
      new Stack(
        children: <Widget>[
          new Container(
            child: new StateMarker(key: left)
          ),
          new Container(
64 65 66 67
            child: new StateMarker(
              key: right,
              child: grandchild
            )
68 69 70 71
          ),
        ]
      )
    );
72

73 74 75 76
    StateMarkerState leftState = left.currentState;
    leftState.marker = "left";
    StateMarkerState rightState = right.currentState;
    rightState.marker = "right";
77

78 79 80
    StateMarkerState grandchildState = tester.state(find.byConfig(grandchild));
    expect(grandchildState, isNotNull);
    grandchildState.marker = "grandchild";
81

82
    StateMarker newGrandchild = new StateMarker();
83
    await tester.pumpWidget(
84 85 86
      new Stack(
        children: <Widget>[
          new Container(
87
            child: new StateMarker(
88 89
              key: right,
              child: newGrandchild
90
            )
91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108
          ),
          new Container(
            child: new StateMarker(key: left)
          ),
        ]
      )
    );

    expect(left.currentState, equals(leftState));
    expect(leftState.marker, equals("left"));
    expect(right.currentState, equals(rightState));
    expect(rightState.marker, equals("right"));

    StateMarkerState newGrandchildState = tester.state(find.byConfig(newGrandchild));
    expect(newGrandchildState, isNotNull);
    expect(newGrandchildState, equals(grandchildState));
    expect(newGrandchildState.marker, equals("grandchild"));

109
    await tester.pumpWidget(
110 111 112 113 114
      new Center(
        child: new Container(
          child: new StateMarker(
            key: left,
            child: new Container()
115 116
          )
        )
117 118
      )
    );
119

120 121 122
    expect(left.currentState, equals(leftState));
    expect(leftState.marker, equals("left"));
    expect(right.currentState, isNull);
123 124
  });

125
  testWidgets('can reparent state with multichild widgets', (WidgetTester tester) async {
126 127
    GlobalKey left = new GlobalKey();
    GlobalKey right = new GlobalKey();
128

129
    StateMarker grandchild = new StateMarker();
130
    await tester.pumpWidget(
131
      new Stack(
132
        children: <Widget>[
133 134 135 136
          new StateMarker(key: left),
          new StateMarker(
            key: right,
            child: grandchild
137 138
          )
        ]
139 140
      )
    );
141

142 143 144 145
    StateMarkerState leftState = left.currentState;
    leftState.marker = "left";
    StateMarkerState rightState = right.currentState;
    rightState.marker = "right";
146

147 148 149
    StateMarkerState grandchildState = tester.state(find.byConfig(grandchild));
    expect(grandchildState, isNotNull);
    grandchildState.marker = "grandchild";
150

151
    StateMarker newGrandchild = new StateMarker();
152
    await tester.pumpWidget(
153
      new Stack(
154
        children: <Widget>[
155 156 157 158 159
          new StateMarker(
            key: right,
            child: newGrandchild
          ),
          new StateMarker(key: left)
160
        ]
161 162 163 164 165 166 167 168 169 170 171 172 173
      )
    );

    expect(left.currentState, equals(leftState));
    expect(leftState.marker, equals("left"));
    expect(right.currentState, equals(rightState));
    expect(rightState.marker, equals("right"));

    StateMarkerState newGrandchildState = tester.state(find.byConfig(newGrandchild));
    expect(newGrandchildState, isNotNull);
    expect(newGrandchildState, equals(grandchildState));
    expect(newGrandchildState.marker, equals("grandchild"));

174
    await tester.pumpWidget(
175 176 177 178 179 180 181 182 183
      new Center(
        child: new Container(
          child: new StateMarker(
            key: left,
            child: new Container()
          )
        )
      )
    );
184

185 186 187
    expect(left.currentState, equals(leftState));
    expect(leftState.marker, equals("left"));
    expect(right.currentState, isNull);
188 189
  });

190
  testWidgets('can with scrollable list', (WidgetTester tester) async {
191
    GlobalKey key = new GlobalKey();
192

193
    await tester.pumpWidget(new StateMarker(key: key));
194

195 196
    StateMarkerState keyState = key.currentState;
    keyState.marker = "marked";
197

198
    await tester.pumpWidget(new ScrollView(
199 200 201 202 203
      itemExtent: 100.0,
      children: <Widget>[
        new Container(
          key: new Key('container'),
          height: 100.0,
204 205 206
          child: new StateMarker(key: key),
        ),
      ],
207
    ));
208

209 210
    expect(key.currentState, equals(keyState));
    expect(keyState.marker, equals("marked"));
211

212
    await tester.pumpWidget(new StateMarker(key: key));
213

214 215 216
    expect(key.currentState, equals(keyState));
    expect(keyState.marker, equals("marked"));
  });
217

218
  testWidgets('Reparent during update children', (WidgetTester tester) async {
219 220
    GlobalKey key = new GlobalKey();

221
    await tester.pumpWidget(new Stack(
222 223 224 225 226 227 228 229 230
      children: <Widget>[
        new StateMarker(key: key),
        new Container(width: 100.0, height: 100.0),
      ]
    ));

    StateMarkerState keyState = key.currentState;
    keyState.marker = "marked";

231
    await tester.pumpWidget(new Stack(
232 233 234 235 236 237 238 239 240
      children: <Widget>[
        new Container(width: 100.0, height: 100.0),
        new StateMarker(key: key),
      ]
    ));

    expect(key.currentState, equals(keyState));
    expect(keyState.marker, equals("marked"));

241
    await tester.pumpWidget(new Stack(
242 243 244 245 246 247 248 249 250
      children: <Widget>[
        new StateMarker(key: key),
        new Container(width: 100.0, height: 100.0),
      ]
    ));

    expect(key.currentState, equals(keyState));
    expect(keyState.marker, equals("marked"));
  });
251

252
  testWidgets('Reparent to child during update children', (WidgetTester tester) async {
253 254
    GlobalKey key = new GlobalKey();

255
    await tester.pumpWidget(new Stack(
256 257 258 259 260 261 262 263 264 265
      children: <Widget>[
        new Container(width: 100.0, height: 100.0),
        new StateMarker(key: key),
        new Container(width: 100.0, height: 100.0),
      ]
    ));

    StateMarkerState keyState = key.currentState;
    keyState.marker = "marked";

266
    await tester.pumpWidget(new Stack(
267 268 269 270 271 272 273 274 275
      children: <Widget>[
        new Container(width: 100.0, height: 100.0, child: new StateMarker(key: key)),
        new Container(width: 100.0, height: 100.0),
      ]
    ));

    expect(key.currentState, equals(keyState));
    expect(keyState.marker, equals("marked"));

276
    await tester.pumpWidget(new Stack(
277 278 279 280 281 282 283 284 285 286
      children: <Widget>[
        new Container(width: 100.0, height: 100.0),
        new StateMarker(key: key),
        new Container(width: 100.0, height: 100.0),
      ]
    ));

    expect(key.currentState, equals(keyState));
    expect(keyState.marker, equals("marked"));

287
    await tester.pumpWidget(new Stack(
288 289 290 291 292 293 294 295 296
      children: <Widget>[
        new Container(width: 100.0, height: 100.0),
        new Container(width: 100.0, height: 100.0, child: new StateMarker(key: key)),
      ]
    ));

    expect(key.currentState, equals(keyState));
    expect(keyState.marker, equals("marked"));

297
    await tester.pumpWidget(new Stack(
298 299 300 301 302 303 304 305 306
      children: <Widget>[
        new Container(width: 100.0, height: 100.0),
        new StateMarker(key: key),
        new Container(width: 100.0, height: 100.0),
      ]
    ));

    expect(key.currentState, equals(keyState));
    expect(keyState.marker, equals("marked"));
307
  });
308

309
  testWidgets('Deactivate implies build', (WidgetTester tester) async {
310 311 312
    GlobalKey key = new GlobalKey();
    List<String> log = <String>[];
    DeactivateLogger logger = new DeactivateLogger(key: key, log: log);
313

314
    await tester.pumpWidget(
315 316
      new Container(key: new UniqueKey(), child: logger)
    );
317

318
    expect(log, equals(<String>['build']));
319

320
    await tester.pumpWidget(
321 322
      new Container(key: new UniqueKey(), child: logger)
    );
323

324
    expect(log, equals(<String>['build', 'deactivate', 'build']));
325
    log.clear();
326

327
    await tester.pump();
328
    expect(log, isEmpty);
329
  });
330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370

  testWidgets('Reparenting with multiple moves', (WidgetTester tester) async {
    final GlobalKey key1 = new GlobalKey();
    final GlobalKey key2 = new GlobalKey();
    final GlobalKey key3 = new GlobalKey();

    await tester.pumpWidget(
      new Row(
        children: <Widget>[
          new StateMarker(
            key: key1,
            child: new StateMarker(
              key: key2,
              child: new StateMarker(
                key: key3,
                child: new StateMarker(child: new Container(width: 100.0))
              )
            )
          )
        ]
      )
    );

    await tester.pumpWidget(
      new Row(
        children: <Widget>[
          new StateMarker(
            key: key2,
            child: new StateMarker(child: new Container(width: 100.0))
          ),
          new StateMarker(
            key: key1,
            child: new StateMarker(
              key: key3,
              child: new StateMarker(child: new Container(width: 100.0))
            )
          ),
        ]
      )
    );
  });
371
}