src/chrome/common/extensions/docs/examples/extensions/plugin_settings/js/rule_list_test.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <link rel="stylesheet" href="../domui/css/button.css">
   5 <link rel="stylesheet" href="../domui/css/chrome_shared.css">
   6 <link rel="stylesheet" href="../domui/css/list.css">
   7 <link rel="stylesheet" href="../domui/css/select.css">
   8
   9 <link rel="stylesheet" href="../options/css/list.css">
  10
  11 <link rel="stylesheet" href="../css/rule_list.css">
  12
  13 <script src="http://closure-library.googlecode.com/svn/trunk/closure/goog/base.js"></script>
  14 <script src="../domui/js/cr.js"></script>
  15 <script src="../domui/js/cr/event_target.js"></script>
  16 <script src="../domui/js/cr/ui.js"></script>
  17 <script src="../domui/js/cr/ui/array_data_model.js"></script>
  18 <script src="../domui/js/cr/ui/list_item.js"></script>
  19 <script src="../domui/js/cr/ui/list_selection_controller.js"></script>
  20 <script src="../domui/js/cr/ui/list_selection_model.js"></script>
  21 <script src="../domui/js/cr/ui/list_single_selection_model.js"></script>
  22 <script src="../domui/js/cr/ui/list.js"></script>
  23 <script src="../domui/js/util.js"></script>
  24
  25 <script src="../options/js/deletable_item_list.js"></script>
  26 <script src="../options/js/inline_editable_list.js"></script>
  27
  28 <script src="plugin_settings.js" type="text/javascript"></script>
  29 <script src="rule_list.js" type="text/javascript"></script>
  30
  31 <script>
  32 goog.require('goog.testing.jsunit');
  33 </script>
  34 <script src="chrome_stubs.js" type="text/javascript"></script>
  35 </head>
  36 <body>
  37 <list id="rule-list"></list>
  38 <div id="error"></div>
  39 <script>
  40 function testConstruction() {
  41   var rulesEl = document.createElement('list');
  42   document.body.appendChild(rulesEl);
  43   pluginSettings.ui.RuleList.decorate(rulesEl);
  44   var rules = {
  45     'http://example.com/*': 'block',
  46     'http://moose.org/*': 'allow',
  47   };
  48   rulesEl.setPluginSettings(createSettings(rules));
  49   var ruleElements = rulesEl.querySelectorAll('[role=listitem]');
  50   assertEquals(3, ruleElements.length);
  51   assertEquals('http://example.com/*',
  52                ruleElements[0].querySelector('.rule-pattern').textContent);
  53   assertEquals('http://moose.org/*',
  54                ruleElements[1].querySelector('.rule-pattern').textContent);
  55   assertEquals('', ruleElements[2].querySelector('.rule-pattern').textContent);
  56   assertEquals('Block',
  57                ruleElements[0].querySelector('.rule-behavior').textContent);
  58   assertEquals('Allow',
  59                ruleElements[1].querySelector('.rule-behavior').textContent);
  60   assertEquals('allow', ruleElements[2].querySelector('.rule-behavior').value);
  61 }
  62 </script>
  63 </body>
  64 </html>