slivers_evil_test.dart 11.7 KB
Newer Older
Ian Hickson's avatar
Ian Hickson committed
1
// Copyright 2014 The Flutter Authors. All rights reserved.
2 3 4
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

5 6
// @dart = 2.8

7 8 9 10 11
import 'package:flutter_test/flutter_test.dart';
import 'package:flutter/rendering.dart';
import 'package:flutter/physics.dart';
import 'package:flutter/material.dart';

12 13
class TestSliverPersistentHeaderDelegate extends SliverPersistentHeaderDelegate {
  TestSliverPersistentHeaderDelegate(this._maxExtent);
14 15 16 17 18 19 20

  final double _maxExtent;

  @override
  double get maxExtent => _maxExtent;

  @override
21 22 23 24
  double get minExtent => 16.0;

  @override
  Widget build(BuildContext context, double shrinkOffset, bool overlapsContent) {
25
    return Column(
26
      children: <Widget>[
27 28
        Container(height: minExtent),
        Expanded(child: Container()),
29 30 31 32 33
      ],
    );
  }

  @override
34
  bool shouldRebuild(TestSliverPersistentHeaderDelegate oldDelegate) => false;
35 36
}

Adam Barth's avatar
Adam Barth committed
37
class TestBehavior extends ScrollBehavior {
38
  @override
39
  Widget buildViewportChrome(BuildContext context, Widget child, AxisDirection axisDirection) {
40
    return GlowingOverscrollIndicator(
41 42 43 44 45
      child: child,
      axisDirection: axisDirection,
      color: const Color(0xFFFFFFFF),
    );
  }
46 47 48 49
}

class TestScrollPhysics extends ClampingScrollPhysics {
  const TestScrollPhysics({ ScrollPhysics parent }) : super(parent: parent);
50 51

  @override
52
  TestScrollPhysics applyTo(ScrollPhysics ancestor) {
53
    return TestScrollPhysics(parent: parent?.applyTo(ancestor) ?? ancestor);
54
  }
55 56

  @override
57
  Tolerance get tolerance => const Tolerance(velocity: 20.0, distance: 1.0);
58 59
}

60
class TestViewportScrollPosition extends ScrollPositionWithSingleContext {
61
  TestViewportScrollPosition({
62
    ScrollPhysics physics,
63
    ScrollContext context,
64
    ScrollPosition oldPosition,
65
  }) : super(physics: physics, context: context, oldPosition: oldPosition);
66 67 68 69 70 71 72 73 74 75 76

  @override
  bool applyContentDimensions(double minScrollExtent, double maxScrollExtent) {
    expect(minScrollExtent, moreOrLessEquals(-3895.0));
    expect(maxScrollExtent, moreOrLessEquals(8575.0));
    return super.applyContentDimensions(minScrollExtent, maxScrollExtent);
  }
}

void main() {
  testWidgets('Evil test of sliver features - 1', (WidgetTester tester) async {
77
    final GlobalKey centerKey = GlobalKey();
78 79 80 81 82 83 84 85 86
    await tester.pumpWidget(
      MediaQuery(
        data: const MediaQueryData(),
        child: Directionality(
          textDirection: TextDirection.ltr,
          child: ScrollConfiguration(
            behavior: TestBehavior(),
            child: Scrollbar(
              child: Scrollable(
87
                axisDirection: AxisDirection.down,
88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166
                physics: const TestScrollPhysics(),
                viewportBuilder: (BuildContext context, ViewportOffset offset) {
                  return Viewport(
                    axisDirection: AxisDirection.down,
                    anchor: 0.25,
                    offset: offset,
                    center: centerKey,
                    slivers: <Widget>[
                      SliverToBoxAdapter(child: Container(height: 5.0)),
                      SliverToBoxAdapter(child: Container(height: 520.0)),
                      SliverToBoxAdapter(child: Container(height: 520.0)),
                      SliverToBoxAdapter(child: Container(height: 520.0)),
                      SliverPersistentHeader(delegate: TestSliverPersistentHeaderDelegate(150.0), pinned: true),
                      SliverToBoxAdapter(child: Container(height: 520.0)),
                      SliverPadding(
                        padding: const EdgeInsets.all(50.0),
                        sliver: SliverToBoxAdapter(child: Container(height: 520.0)),
                      ),
                      SliverToBoxAdapter(child: Container(height: 520.0)),
                      SliverPersistentHeader(delegate: TestSliverPersistentHeaderDelegate(150.0), floating: true),
                      SliverToBoxAdapter(child: Container(height: 520.0)),
                      SliverToBoxAdapter(key: centerKey, child: Container(height: 520.0)), // ------------------------ CENTER ------------------------
                      SliverPersistentHeader(delegate: TestSliverPersistentHeaderDelegate(150.0), pinned: true),
                      SliverToBoxAdapter(child: Container(height: 520.0)),
                      SliverToBoxAdapter(child: Container(height: 520.0)),
                      SliverToBoxAdapter(child: Container(height: 520.0)),
                      SliverPadding(
                        padding: const EdgeInsets.all(50.0),
                        sliver: SliverPersistentHeader(delegate: TestSliverPersistentHeaderDelegate(250.0), pinned: true),
                      ),
                      SliverToBoxAdapter(child: Container(height: 520.0)),
                      SliverPersistentHeader(delegate: TestSliverPersistentHeaderDelegate(250.0), pinned: true),
                      SliverToBoxAdapter(child: Container(height: 5.0)),
                      SliverPersistentHeader(delegate: TestSliverPersistentHeaderDelegate(250.0), pinned: true),
                      SliverToBoxAdapter(child: Container(height: 5.0)),
                      SliverPersistentHeader(delegate: TestSliverPersistentHeaderDelegate(250.0), pinned: true),
                      SliverPersistentHeader(delegate: TestSliverPersistentHeaderDelegate(250.0), pinned: true),
                      SliverToBoxAdapter(child: Container(height: 5.0)),
                      SliverPersistentHeader(delegate: TestSliverPersistentHeaderDelegate(250.0), pinned: true),
                      SliverPersistentHeader(delegate: TestSliverPersistentHeaderDelegate(250.0)),
                      SliverToBoxAdapter(child: Container(height: 520.0)),
                      SliverPersistentHeader(delegate: TestSliverPersistentHeaderDelegate(150.0), floating: true),
                      SliverToBoxAdapter(child: Container(height: 520.0)),
                      SliverPersistentHeader(delegate: TestSliverPersistentHeaderDelegate(150.0), floating: true),
                      SliverToBoxAdapter(child: Container(height: 5.0)),
                      SliverList(
                        delegate: SliverChildListDelegate(<Widget>[
                          Container(height: 50.0),
                          Container(height: 50.0),
                          Container(height: 50.0),
                          Container(height: 50.0),
                          Container(height: 50.0),
                          Container(height: 50.0),
                          Container(height: 50.0),
                          Container(height: 50.0),
                          Container(height: 50.0),
                          Container(height: 50.0),
                          Container(height: 50.0),
                          Container(height: 50.0),
                          Container(height: 50.0),
                          Container(height: 50.0),
                          Container(height: 50.0),
                        ]),
                      ),
                      SliverPersistentHeader(delegate: TestSliverPersistentHeaderDelegate(250.0)),
                      SliverPersistentHeader(delegate: TestSliverPersistentHeaderDelegate(250.0)),
                      SliverPersistentHeader(delegate: TestSliverPersistentHeaderDelegate(250.0)),
                      SliverPadding(
                        padding: const EdgeInsets.symmetric(horizontal: 50.0),
                        sliver: SliverToBoxAdapter(child: Container(height: 520.0)),
                      ),
                      SliverToBoxAdapter(child: Container(height: 520.0)),
                      SliverToBoxAdapter(child: Container(height: 520.0)),
                      SliverToBoxAdapter(child: Container(height: 5.0)),
                    ],
                  );
                },
              ),
            ),
167
          ),
168 169
        ),
      ),
170
    );
171
    final ScrollPosition position = tester.state<ScrollableState>(find.byType(Scrollable)).position;
172

173
    position.animateTo(10000.0, curve: Curves.linear, duration: const Duration(minutes: 1));
174 175 176
    await tester.pump(const Duration(milliseconds: 10));
    await tester.pump(const Duration(milliseconds: 10));
    await tester.pump(const Duration(milliseconds: 50));
177
    await tester.pumpAndSettle(const Duration(milliseconds: 122));
178

179
    position.animateTo(-10000.0, curve: Curves.linear, duration: const Duration(minutes: 1));
180 181 182
    await tester.pump(const Duration(milliseconds: 10));
    await tester.pump(const Duration(milliseconds: 10));
    await tester.pump(const Duration(milliseconds: 50));
183
    await tester.pumpAndSettle(const Duration(milliseconds: 122));
184

185
    position.animateTo(10000.0, curve: Curves.linear, duration: const Duration(minutes: 1));
186 187 188
    await tester.pump(const Duration(milliseconds: 10));
    await tester.pump(const Duration(milliseconds: 10));
    await tester.pump(const Duration(milliseconds: 50));
189
    await tester.pumpAndSettle(const Duration(milliseconds: 122));
190

191
    position.animateTo(-10000.0, curve: Curves.linear, duration: const Duration(seconds: 1));
192 193 194
    await tester.pump(const Duration(milliseconds: 10));
    await tester.pump(const Duration(milliseconds: 10));
    await tester.pump(const Duration(milliseconds: 50));
195
    await tester.pumpAndSettle(const Duration(milliseconds: 122));
196

197
    position.animateTo(10000.0, curve: Curves.linear, duration: const Duration(seconds: 1));
198 199 200
    await tester.pump(const Duration(milliseconds: 10));
    await tester.pump(const Duration(milliseconds: 10));
    await tester.pump(const Duration(milliseconds: 50));
201
    await tester.pumpAndSettle(const Duration(milliseconds: 122));
202 203

  });
204 205

  testWidgets('Removing offscreen items above and rescrolling does not crash', (WidgetTester tester) async {
206 207
    await tester.pumpWidget(MaterialApp(
      home: CustomScrollView(
208
        cacheExtent: 0.0,
209
        slivers: <Widget>[
210
          SliverFixedExtentList(
211
            itemExtent: 100.0,
212
            delegate: SliverChildBuilderDelegate(
213
              (BuildContext context, int index) {
214
                return Container(
215
                  color: Colors.blue,
216
                  child: Text(index.toString()),
217 218 219 220 221 222 223 224 225 226 227 228 229
                );
              },
              childCount: 30,
            ),
          ),
        ],
      ),
    ));

    await tester.drag(find.text('5'), const Offset(0.0, -500.0));
    await tester.pump();

    // Screen is 600px high. Moved bottom item 500px up. It's now at the top.
230 231
    expect(tester.getTopLeft(find.widgetWithText(Container, '5')).dy, 0.0);
    expect(tester.getBottomLeft(find.widgetWithText(Container, '10')).dy, 600.0);
232 233

    // Stop returning the first 3 items.
234 235
    await tester.pumpWidget(MaterialApp(
      home: CustomScrollView(
236
        cacheExtent: 0.0,
237
        slivers: <Widget>[
238
          SliverFixedExtentList(
239
            itemExtent: 100.0,
240
            delegate: SliverChildBuilderDelegate(
241 242
              (BuildContext context, int index) {
                if (index > 3) {
243
                  return Container(
244
                    color: Colors.blue,
245
                    child: Text(index.toString()),
246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262
                  );
                }
                return null;
              },
              childCount: 30,
            ),
          ),
        ],
      ),
    ));

    await tester.drag(find.text('5'), const Offset(0.0, 400.0));
    await tester.pump();

    // Move up by 4 items, meaning item 1 would have been at the top but
    // 0 through 3 no longer exist, so item 4, 3 items down, is the first one.
    // Item 4 is also shifted to the top.
263
    expect(tester.getTopLeft(find.widgetWithText(Container, '4')).dy, 0.0);
264 265 266

    // Because the screen is still 600px, item 9 is now visible at the bottom instead
    // of what's supposed to be item 6 had we not re-shifted.
267
    expect(tester.getBottomLeft(find.widgetWithText(Container, '9')).dy, 600.0);
268
  });
269
}