date_picker_test.dart 15.2 KB
Newer Older
Ian Hickson's avatar
Ian Hickson committed
1 2 3 4 5 6 7
// Copyright 2016 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.

import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';

8 9
import 'feedback_tester.dart';

Ian Hickson's avatar
Ian Hickson committed
10
void main() {
11 12 13
  DateTime firstDate;
  DateTime lastDate;
  DateTime initialDate;
14
  SelectableDayPredicate selectableDayPredicate;
15
  DatePickerMode initialDatePickerMode;
16 17 18 19 20

  setUp(() {
    firstDate = new DateTime(2001, DateTime.JANUARY, 1);
    lastDate = new DateTime(2031, DateTime.DECEMBER, 31);
    initialDate = new DateTime(2016, DateTime.JANUARY, 15);
21 22
    selectableDayPredicate = null;
    initialDatePickerMode = null;
23 24
  });

25
  testWidgets('tap-select a day', (WidgetTester tester) async {
26
    final Key _datePickerKey = new UniqueKey();
Ian Hickson's avatar
Ian Hickson committed
27 28 29
    DateTime _selectedDate = new DateTime(2016, DateTime.JULY, 26);

    await tester.pumpWidget(
30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46
      new MaterialApp(
        home: new StatefulBuilder(
          builder: (BuildContext context, StateSetter setState) {
            return new Container(
              width: 400.0,
              child: new SingleChildScrollView(
                child: new Material(
                  child: new MonthPicker(
                    firstDate: new DateTime(0),
                    lastDate: new DateTime(9999),
                    key: _datePickerKey,
                    selectedDate: _selectedDate,
                    onChanged: (DateTime value) {
                      setState(() {
                        _selectedDate = value;
                      });
                    },
47
                  ),
48 49 50 51 52 53
                ),
              ),
            );
          },
        ),
      )
Ian Hickson's avatar
Ian Hickson committed
54
    );
55

56
    expect(_selectedDate, equals(new DateTime(2016, DateTime.JULY, 26)));
Ian Hickson's avatar
Ian Hickson committed
57

58
    await tester.tapAt(const Offset(50.0, 100.0));
59
    await tester.pumpAndSettle();
Ian Hickson's avatar
Ian Hickson committed
60 61
    await tester.pump(const Duration(seconds: 2));

62 63
    await tester.tap(find.text('1'));
    await tester.pumpAndSettle();
Ian Hickson's avatar
Ian Hickson committed
64 65
    expect(_selectedDate, equals(new DateTime(2016, DateTime.JULY, 1)));

66 67
    await tester.tap(find.byTooltip('Next month'));
    await tester.pumpAndSettle();
Ian Hickson's avatar
Ian Hickson committed
68 69
    expect(_selectedDate, equals(new DateTime(2016, DateTime.JULY, 1)));

70 71
    await tester.tap(find.text('5'));
    await tester.pumpAndSettle();
Ian Hickson's avatar
Ian Hickson committed
72 73
    expect(_selectedDate, equals(new DateTime(2016, DateTime.AUGUST, 5)));

74 75
    await tester.drag(find.byKey(_datePickerKey), const Offset(-400.0, 0.0));
    await tester.pumpAndSettle();
Ian Hickson's avatar
Ian Hickson committed
76 77
    expect(_selectedDate, equals(new DateTime(2016, DateTime.AUGUST, 5)));

78 79
    await tester.tap(find.text('25'));
    await tester.pumpAndSettle();
Ian Hickson's avatar
Ian Hickson committed
80 81
    expect(_selectedDate, equals(new DateTime(2016, DateTime.SEPTEMBER, 25)));

82 83
    await tester.drag(find.byKey(_datePickerKey), const Offset(800.0, 0.0));
    await tester.pumpAndSettle();
Ian Hickson's avatar
Ian Hickson committed
84 85
    expect(_selectedDate, equals(new DateTime(2016, DateTime.SEPTEMBER, 25)));

86 87
    await tester.tap(find.text('17'));
    await tester.pumpAndSettle();
Ian Hickson's avatar
Ian Hickson committed
88 89 90 91 92
    expect(_selectedDate, equals(new DateTime(2016, DateTime.AUGUST, 17)));
  });

  testWidgets('render picker with intrinsic dimensions', (WidgetTester tester) async {
    await tester.pumpWidget(
93 94 95 96 97 98 99 100 101 102 103 104
      new MaterialApp(
        home: new StatefulBuilder(
          builder: (BuildContext context, StateSetter setState) {
            return new IntrinsicWidth(
              child: new IntrinsicHeight(
                child: new Material(
                  child: new SingleChildScrollView(
                    child: new MonthPicker(
                      firstDate: new DateTime(0),
                      lastDate: new DateTime(9999),
                      onChanged: (DateTime value) { },
                      selectedDate: new DateTime(2000, DateTime.JANUARY, 1),
105 106
                    ),
                  ),
107 108 109 110 111
                ),
              ),
            );
          },
        ),
112
      ),
Ian Hickson's avatar
Ian Hickson committed
113 114 115 116
    );
    await tester.pump(const Duration(seconds: 5));
  });

Yegor's avatar
Yegor committed
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
  testWidgets('MonthPicker receives header taps', (WidgetTester tester) async {
    DateTime currentValue;
    bool headerTapped = false;

    final Widget widget = new MaterialApp(
      home: new Material(
        child: new ListView(
          children: <Widget>[
            new MonthPicker(
              selectedDate: new DateTime.utc(2015, 6, 9, 7, 12),
              firstDate: new DateTime.utc(2013),
              lastDate: new DateTime.utc(2018),
              onChanged: (DateTime dateTime) {
                currentValue = dateTime;
              },
              onMonthHeaderTap: () {
                headerTapped = true;
              },
            ),
          ],
        ),
      ),
    );

    await tester.pumpWidget(widget);

    expect(currentValue, isNull);
    expect(headerTapped, false);
    await tester.tap(find.text('June 2015'));
    expect(headerTapped, true);
  });

149 150 151 152 153 154 155 156 157 158
  Future<Null> preparePicker(WidgetTester tester, Future<Null> callback(Future<DateTime> date)) async {
    BuildContext buttonContext;
    await tester.pumpWidget(new MaterialApp(
      home: new Material(
        child: new Builder(
          builder: (BuildContext context) {
            return new RaisedButton(
              onPressed: () {
                buttonContext = context;
              },
159
              child: const Text('Go'),
160 161 162 163 164 165 166 167 168
            );
          },
        ),
      ),
    ));

    await tester.tap(find.text('Go'));
    expect(buttonContext, isNotNull);

169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187
    final Future<DateTime> date = initialDatePickerMode == null
        // Exercise the argument default for initialDatePickerMode.
        ?
            showDatePicker(
              context: buttonContext,
              initialDate: initialDate,
              firstDate: firstDate,
              lastDate: lastDate,
              selectableDayPredicate: selectableDayPredicate,
            )
        :
            showDatePicker(
              context: buttonContext,
              initialDate: initialDate,
              firstDate: firstDate,
              lastDate: lastDate,
              selectableDayPredicate: selectableDayPredicate,
              initialDatePickerMode: initialDatePickerMode,
            );
188

189
    await tester.pumpAndSettle(const Duration(seconds: 1));
190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217
    await callback(date);
  }

  testWidgets('Initial date is the default', (WidgetTester tester) async {
    await preparePicker(tester, (Future<DateTime> date) async {
      await tester.tap(find.text('OK'));
      expect(await date, equals(new DateTime(2016, DateTime.JANUARY, 15)));
    });
  });

  testWidgets('Can cancel', (WidgetTester tester) async {
    await preparePicker(tester, (Future<DateTime> date) async {
      await tester.tap(find.text('CANCEL'));
      expect(await date, isNull);
    });
  });

  testWidgets('Can select a day', (WidgetTester tester) async {
    await preparePicker(tester, (Future<DateTime> date) async {
      await tester.tap(find.text('12'));
      await tester.tap(find.text('OK'));
      expect(await date, equals(new DateTime(2016, DateTime.JANUARY, 12)));
    });
  });

  testWidgets('Can select a month', (WidgetTester tester) async {
    await preparePicker(tester, (Future<DateTime> date) async {
      await tester.tap(find.byTooltip('Previous month'));
218
      await tester.pumpAndSettle(const Duration(seconds: 1));
219 220 221 222 223 224 225 226 227 228
      await tester.tap(find.text('25'));
      await tester.tap(find.text('OK'));
      expect(await date, equals(new DateTime(2015, DateTime.DECEMBER, 25)));
    });
  });

  testWidgets('Can select a year', (WidgetTester tester) async {
    await preparePicker(tester, (Future<DateTime> date) async {
      await tester.tap(find.text('2016'));
      await tester.pump();
229
      await tester.tap(find.text('2018'));
230
      await tester.tap(find.text('OK'));
231
      expect(await date, equals(new DateTime(2018, DateTime.JANUARY, 15)));
232 233 234 235 236 237 238
    });
  });

  testWidgets('Can select a year and then a day', (WidgetTester tester) async {
    await preparePicker(tester, (Future<DateTime> date) async {
      await tester.tap(find.text('2016'));
      await tester.pump();
239
      await tester.tap(find.text('2017'));
240
      await tester.pump();
Yegor's avatar
Yegor committed
241 242 243 244
      final MaterialLocalizations localizations = MaterialLocalizations.of(
        tester.element(find.byType(DayPicker))
      );
      final String dayLabel = localizations.formatMediumDate(new DateTime(2017, DateTime.JANUARY, 15));
245 246 247 248
      await tester.tap(find.text(dayLabel));
      await tester.pump();
      await tester.tap(find.text('19'));
      await tester.tap(find.text('OK'));
249 250 251 252 253 254 255 256 257 258 259 260
      expect(await date, equals(new DateTime(2017, DateTime.JANUARY, 19)));
    });
  });

  testWidgets('Current year is initially visible in year picker', (WidgetTester tester) async {
    initialDate = new DateTime(2000);
    firstDate = new DateTime(1900);
    lastDate = new DateTime(2100);
    await preparePicker(tester, (Future<DateTime> date) async {
      await tester.tap(find.text('2000'));
      await tester.pump();
      expect(find.text('2000'), findsNWidgets(2));
261 262
    });
  });
263 264 265 266 267 268 269 270 271

  testWidgets('Cannot select a day outside bounds', (WidgetTester tester) async {
    initialDate = new DateTime(2017, DateTime.JANUARY, 15);
    firstDate = initialDate;
    lastDate = initialDate;
    await preparePicker(tester, (Future<DateTime> date) async {
      await tester.tap(find.text('10')); // Earlier than firstDate. Should be ignored.
      await tester.tap(find.text('20')); // Later than lastDate. Should be ignored.
      await tester.tap(find.text('OK'));
272
      // We should still be on the initial date.
273 274 275 276 277 278 279 280 281 282
      expect(await date, equals(initialDate));
    });
  });

  testWidgets('Cannot select a month past last date', (WidgetTester tester) async {
    initialDate = new DateTime(2017, DateTime.JANUARY, 15);
    firstDate = initialDate;
    lastDate = new DateTime(2017, DateTime.FEBRUARY, 20);
    await preparePicker(tester, (Future<DateTime> date) async {
      await tester.tap(find.byTooltip('Next month'));
283
      await tester.pumpAndSettle(const Duration(seconds: 1));
284 285
      // Shouldn't be possible to keep going into March.
      await tester.tap(find.byTooltip('Next month'));
286
      await tester.pumpAndSettle(const Duration(seconds: 1));
287 288 289 290 291 292 293 294 295 296 297 298 299 300 301
      // We're still in February
      await tester.tap(find.text('20'));
      // Days outside bound for new month pages also disabled.
      await tester.tap(find.text('25'));
      await tester.tap(find.text('OK'));
      expect(await date, equals(new DateTime(2017, DateTime.FEBRUARY, 20)));
    });
  });

  testWidgets('Cannot select a month before first date', (WidgetTester tester) async {
    initialDate = new DateTime(2017, DateTime.JANUARY, 15);
    firstDate = new DateTime(2016, DateTime.DECEMBER, 10);
    lastDate = initialDate;
    await preparePicker(tester, (Future<DateTime> date) async {
      await tester.tap(find.byTooltip('Previous month'));
302
      await tester.pumpAndSettle(const Duration(seconds: 1));
303 304
      // Shouldn't be possible to keep going into November.
      await tester.tap(find.byTooltip('Previous month'));
305
      await tester.pumpAndSettle(const Duration(seconds: 1));
306 307 308 309 310 311 312 313
      // We're still in December
      await tester.tap(find.text('10'));
      // Days outside bound for new month pages also disabled.
      await tester.tap(find.text('5'));
      await tester.tap(find.text('OK'));
      expect(await date, equals(new DateTime(2016, DateTime.DECEMBER, 10)));
    });
  });
314 315 316 317 318 319 320 321 322 323 324 325 326 327

  testWidgets('Only predicate days are selectable', (WidgetTester tester) async {
    initialDate = new DateTime(2017, DateTime.JANUARY, 16);
    firstDate = new DateTime(2017, DateTime.JANUARY, 10);
    lastDate = new DateTime(2017, DateTime.JANUARY, 20);
    selectableDayPredicate = (DateTime day) => day.day.isEven;
    await preparePicker(tester, (Future<DateTime> date) async {
      await tester.tap(find.text('10')); // Even, works.
      await tester.tap(find.text('13')); // Odd, doesn't work.
      await tester.tap(find.text('17')); // Odd, doesn't work.
      await tester.tap(find.text('OK'));
      expect(await date, equals(new DateTime(2017, DateTime.JANUARY, 10)));
    });
  });
328

329 330 331 332 333 334 335 336 337 338 339 340 341
  testWidgets('Can select initial date picker mode', (WidgetTester tester) async {
    initialDate = new DateTime(2014, DateTime.JANUARY, 15);
    initialDatePickerMode = DatePickerMode.year;
    await preparePicker(tester, (Future<DateTime> date) async {
      await tester.pump();
      // 2018 wouldn't be available if the year picker wasn't showing.
      // The initial current year is 2014.
      await tester.tap(find.text('2018'));
      await tester.tap(find.text('OK'));
      expect(await date, equals(new DateTime(2018, DateTime.JANUARY, 15)));
    });
  });

342 343
  group('haptic feedback', () {
    const Duration kHapticFeedbackInterval = const Duration(milliseconds: 10);
344
    FeedbackTester feedback;
345 346

    setUp(() {
347
      feedback = new FeedbackTester();
348 349 350 351 352 353
      initialDate = new DateTime(2017, DateTime.JANUARY, 16);
      firstDate = new DateTime(2017, DateTime.JANUARY, 10);
      lastDate = new DateTime(2018, DateTime.JANUARY, 20);
      selectableDayPredicate = (DateTime date) => date.day.isEven;
    });

354 355 356 357
    tearDown(() {
      feedback?.dispose();
    });

358 359 360 361
    testWidgets('tap-select date vibrates', (WidgetTester tester) async {
      await preparePicker(tester, (Future<DateTime> date) async {
        await tester.tap(find.text('10'));
        await tester.pump(kHapticFeedbackInterval);
362
        expect(feedback.hapticCount, 1);
363 364
        await tester.tap(find.text('12'));
        await tester.pump(kHapticFeedbackInterval);
365
        expect(feedback.hapticCount, 2);
366 367
        await tester.tap(find.text('14'));
        await tester.pump(kHapticFeedbackInterval);
368
        expect(feedback.hapticCount, 3);
369 370 371 372 373 374 375
      });
    });

    testWidgets('tap-select unselectable date does not vibrate', (WidgetTester tester) async {
      await preparePicker(tester, (Future<DateTime> date) async {
        await tester.tap(find.text('11'));
        await tester.pump(kHapticFeedbackInterval);
376
        expect(feedback.hapticCount, 0);
377 378
        await tester.tap(find.text('13'));
        await tester.pump(kHapticFeedbackInterval);
379
        expect(feedback.hapticCount, 0);
380 381
        await tester.tap(find.text('15'));
        await tester.pump(kHapticFeedbackInterval);
382
        expect(feedback.hapticCount, 0);
383 384 385 386 387 388 389
      });
    });

    testWidgets('mode, year change vibrates', (WidgetTester tester) async {
      await preparePicker(tester, (Future<DateTime> date) async {
        await tester.tap(find.text('2017'));
        await tester.pump(kHapticFeedbackInterval);
390
        expect(feedback.hapticCount, 1);
391 392
        await tester.tap(find.text('2018'));
        await tester.pump(kHapticFeedbackInterval);
393
        expect(feedback.hapticCount, 2);
394 395
      });
    });
396

397
  });
398 399 400 401 402 403 404 405 406

  test('days in month', () {
    expect(DayPicker.getDaysInMonth(2017, 10), 31);
    expect(DayPicker.getDaysInMonth(2017, 6), 30);
    expect(DayPicker.getDaysInMonth(2017, 2), 28);
    expect(DayPicker.getDaysInMonth(2016, 2), 29);
    expect(DayPicker.getDaysInMonth(2000, 2), 29);
    expect(DayPicker.getDaysInMonth(1900, 2), 28);
  });
407 408 409 410 411 412 413 414 415 416 417 418 419

  testWidgets('month header tap', (WidgetTester tester) async {
    selectableDayPredicate = null;
    await preparePicker(tester, (Future<DateTime> date) async {
      // Switch into the year selector.
      await tester.tap(find.text('January 2016'));
      await tester.pump();
      expect(find.text('2020'), isNotNull);

      await tester.tap(find.text('CANCEL'));
      expect(await date, isNull);
    });
  });
Ian Hickson's avatar
Ian Hickson committed
420
}