spark/packages/spark_css/test/css_overscroll_behavior_test.dart at d0feae60e7847a888abcd901afb945dceb302cf0 · KLEAK-Development/spark · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
import 'package:spark_css/spark_css.dart';
import 'package:test/test.dart';

void main() {
  group('CssOverscrollBehavior', () {
    test('keywords output correct CSS', () {
      expect(CssOverscrollBehavior.auto.toCss(), equals('auto'));
      expect(CssOverscrollBehavior.contain.toCss(), equals('contain'));
      expect(CssOverscrollBehavior.none.toCss(), equals('none'));
    });

    test('xy outputs correct CSS', () {
      expect(
        CssOverscrollBehavior.xy(
          CssOverscrollBehavior.contain,
          CssOverscrollBehavior.none,
        ).toCss(),
        equals('contain none'),
      );
      expect(
        CssOverscrollBehavior.xy(
          CssOverscrollBehavior.auto,
          CssOverscrollBehavior.contain,
        ).toCss(),
        equals('auto contain'),
      );
    });

    test('variable outputs correct CSS', () {
      expect(CssOverscrollBehavior.variable('ob').toCss(), equals('var(--ob)'));
    });

    test('raw outputs value as-is', () {
      expect(
        CssOverscrollBehavior.raw('contain none').toCss(),
        equals('contain none'),
      );
    });

    test('global outputs correct CSS', () {
      expect(
        CssOverscrollBehavior.global(CssGlobal.inherit).toCss(),
        equals('inherit'),
      );
      expect(
        CssOverscrollBehavior.global(CssGlobal.initial).toCss(),
        equals('initial'),
      );
      expect(
        CssOverscrollBehavior.global(CssGlobal.unset).toCss(),
        equals('unset'),
      );
      expect(
        CssOverscrollBehavior.global(CssGlobal.revert).toCss(),
        equals('revert'),
      );
      expect(
        CssOverscrollBehavior.global(CssGlobal.revertLayer).toCss(),
        equals('revert-layer'),
      );
    });

    test('Style.typed integration', () {
      final style = Style.typed(
        overscrollBehavior: CssOverscrollBehavior.contain,
      );
      expect(style.toCss(), contains('overscroll-behavior: contain;'));
    });
  });
}