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 5
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'package:flutter/material.dart';
6 7
import 'package:flutter/rendering.dart';
import 'package:flutter_test/flutter_test.dart';
8

9 10
class TestSliverPersistentHeaderDelegate extends SliverPersistentHeaderDelegate {
  TestSliverPersistentHeaderDelegate(this._maxExtent);
11 12 13 14 15 16 17

  final double _maxExtent;

  @override
  double get maxExtent => _maxExtent;

  @override
18 19 20 21
  double get minExtent => 16.0;

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

  @override
31
  bool shouldRebuild(TestSliverPersistentHeaderDelegate oldDelegate) => false;
32 33
}

Adam Barth's avatar
Adam Barth committed
34
class TestBehavior extends ScrollBehavior {
35 36
  const TestBehavior();

37
  @override
38
  Widget buildOverscrollIndicator(BuildContext context, Widget child, ScrollableDetails details) {
39
    return GlowingOverscrollIndicator(
40
      axisDirection: details.direction,
41
      color: const Color(0xFFFFFFFF),
42
      child: child,
43 44
    );
  }
45 46 47
}

class TestScrollPhysics extends ClampingScrollPhysics {
48
  const TestScrollPhysics({ ScrollPhysics? parent }) : super(parent: parent);
49 50

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

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

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

  @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 {
76
    final GlobalKey centerKey = GlobalKey();
77 78 79 80 81 82
    await tester.pumpWidget(
      MediaQuery(
        data: const MediaQueryData(),
        child: Directionality(
          textDirection: TextDirection.ltr,
          child: ScrollConfiguration(
83
            behavior: const TestBehavior(),
84 85
            child: Scrollbar(
              child: Scrollable(
86
                axisDirection: AxisDirection.down,
87 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
                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)),
                    ],
                  );
                },
              ),
            ),
166
          ),
167 168
        ),
      ),
169
    );
170
    final ScrollPosition position = tester.state<ScrollableState>(find.byType(Scrollable)).position;
171

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

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

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

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

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

  });
203 204

  testWidgets('Removing offscreen items above and rescrolling does not crash', (WidgetTester tester) async {
205 206
    await tester.pumpWidget(MaterialApp(
      home: CustomScrollView(
207
        cacheExtent: 0.0,
208
        slivers: <Widget>[
209
          SliverFixedExtentList(
210
            itemExtent: 100.0,
211
            delegate: SliverChildBuilderDelegate(
212
              (BuildContext context, int index) {
213
                return Container(
214
                  color: Colors.blue,
215
                  child: Text(index.toString()),
216 217 218 219 220 221 222 223 224 225 226 227 228
                );
              },
              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.
229 230
    expect(tester.getTopLeft(find.widgetWithText(Container, '5')).dy, 0.0);
    expect(tester.getBottomLeft(find.widgetWithText(Container, '10')).dy, 600.0);
231 232

    // Stop returning the first 3 items.
233 234
    await tester.pumpWidget(MaterialApp(
      home: CustomScrollView(
235
        cacheExtent: 0.0,
236
        slivers: <Widget>[
237
          SliverFixedExtentList(
238
            itemExtent: 100.0,
239
            delegate: SliverChildBuilderDelegate(
240 241
              (BuildContext context, int index) {
                if (index > 3) {
242
                  return Container(
243
                    color: Colors.blue,
244
                    child: Text(index.toString()),
245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261
                  );
                }
                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.
262
    expect(tester.getTopLeft(find.widgetWithText(Container, '4')).dy, 0.0);
263 264 265

    // 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.
266
    expect(tester.getBottomLeft(find.widgetWithText(Container, '9')).dy, 600.0);
267
  });
268
}