summaryrefslogtreecommitdiffstats
path: root/dom/tests/mochitest/notification/test_notification_basics.html
blob: 3d0465c3fe072faaf3e65553781a4404d016ea2e (plain)
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
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
<!DOCTYPE HTML>
<html>
<head>
  <title>Notification Basics</title>
  <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  <script type="text/javascript" src="MockServices.js"></script>
  <script type="text/javascript" src="NotificationTest.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body>
<p id="display"></p>
<div id="content" style="display: none"></div>
<pre id="test"></pre>
<script type="text/javascript">

  var info = NotificationTest.info;
  var options;

  SimpleTest.requestFlakyTimeout("untriaged");

  var steps = [
    function () {
      info("Test notification spec");
      ok(Notification, "Notification constructor exists");
      ok(Notification.permission, "Notification.permission exists");
      ok(Notification.requestPermission, "Notification.requestPermission exists");
      ok(Notification.get, "Notification.get exists");
    },

    function () {
      info("Test requestPermission without callback");
      Notification.requestPermission();
    },

    function (done) {
      info("Test requestPermission deny");
      function assertPermissionDenied(perm) {
        is(perm, "denied", "Permission should be denied.");
        is(Notification.permission, "denied", "Permission should be denied.");
      }
      NotificationTest.denyNotifications();
      Notification.requestPermission()
        .then(assertPermissionDenied)
        .then(_ => Notification.requestPermission(assertPermissionDenied))
        .catch(err => {
          ok(!err, "requestPermission should not reject promise");
        })
        .then(done);
    },

    function (done) {
      info("Test requestPermission grant");
      function assertPermissionGranted(perm) {
        is(perm, "granted", "Permission should be granted.");
        is(Notification.permission, "granted", "Permission should be granted");
      }
      NotificationTest.allowNotifications();
      Notification.requestPermission()
        .then(assertPermissionGranted)
        .then(_ => Notification.requestPermission(assertPermissionGranted))
        .catch(err => {
          ok(!err, "requestPermission should not reject promise");
        })
        .then(done);
    },

    function (done) {
      info("Test invalid requestPermission");
      Notification.requestPermission({})
        .then(_ => {
          ok(false, "Non callable arg to requestPermission should reject promise");
        }, err => {
          ok(true, "Non callable arg to requestPermission should reject promise");
        })
        .then(done);
    },

    function (done) {
      info("Test create notification");

      options = NotificationTest.payload;

      var notification = new Notification("This is a title", options);

      ok(notification, "Notification exists");
      is(notification.onclick, null, "onclick() should be null");
      is(notification.onshow, null, "onshow() should be null");
      is(notification.onerror, null, "onerror() should be null");
      is(notification.onclose, null, "onclose() should be null");
      is(typeof notification.close, "function", "close() should exist");
      is(typeof notification.data, "object", "data should be a JS object");

      is(notification.dir, options.dir, "auto should get set");
      is(notification.lang, options.lang, "lang should get set");
      is(notification.body, options.body, "body should get set");
      is(notification.tag, options.tag, "tag should get set");
      is(notification.icon, options.icon, "icon should get set");
      ok(NotificationTest.customDataMatches(notification.data),
         "data should get set");

      // store notification in test context
      this.notification = notification;

      notification.onshow = function () {
        ok(true, "onshow handler should be called");
        done();
      };
    },

    function (done) {
      info("Test closing a notification");
      var notification = this.notification;

      notification.onclose = function () {
        ok(true, "onclose handler should be called");
        done();
      };

      notification.close();
    }
  ];

  MockServices.register();
  NotificationTest.run(steps, function () {
    MockServices.unregister();
  });
</script>
</body>
</html>