toolkit/components/microformats/tests/test_Microformats.html
author Phil Ringnalda <philringnalda@gmail.com>
Sat, 13 Sep 2014 09:59:06 -0700
changeset 205205 d070787de8f7b56e32bf5800b30f143c4d02d474
parent 145463 45446ab0c72656eaa3afd505db47d94a686fa301
child 238976 f302ad6c981d2e91a05e5180f6401516682045df
permissions -rw-r--r--
Merge b-i to m-c

<html>
<head>
  <title>Testing Microformats.js</title>
  <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  <script type="text/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"></link>
  <style type="text/css">
    /*vcards weee! */
    .floated div {
      float:left;
    }
  </style>

</head>
<body>
<div id="content" style="display: none">
  <div id="test_1">
    <div class="vcard" id="vcard1_node">
     <a class="url fn" href="http://tantek.com/">Tantek Çelik</a>
     <div id="vcard1_org" class="org">Technorati</div>
    </div>  
    <div class="vcard" id="vcard2_node">
     <a class="url" href="http://tantek.com/">Tantek Çelik</a>
     <div id="vcard2_org" class="org">Technorati</div>
    </div>
  </div>
  <div class="vcard" id="outer_vcard">
    <div class="vcard" id="middle_vcard">
      <div class="vcard" id="inner_vcard">
        <span class="fn">Inner User</span>
      </div>
      <span class="fn">Middle User</span>
    </div>
    <span class="fn">Outer User</span>
  </div>
  <div class="vcard" id="outer_vcard2">
    <div class="vevent" id="middle_vevent2">
      <div class="vcard" id="inner_vcard2">
        <span class="fn">Inner User</span>
      </div>
      <span class="summary">Middle Event</span>
    </div>
    <span class="fn">Outer User</span>
  </div>
  <div class="vevent" id="outer_vevent3">
    <div class="vcard" id="middle_vcard3">
      <div class="vevent" id="inner_vevent3">
        <span class="summary">Inner Event</span>
      </div>
      <span class="fn">Middle User</span>
    </div>
    <span class="summary">Outer Event</span>
  </div>

  <div class="vevent" id="outer_vevent4">
    <a rel="tag" id="inner_tag4" href="http://www.example.com/inner_tag">
      Inner tag
    </a>
    <span class="summary">Outer Event</span>
  </div>

  <a rel="tag" id="outer_tag5" href="http://www.example.com/outer_tag">
    <div class="vevent" id="inner_vevent5">
      <span class="summary">Inner Event</span>
    </div>
  </a>
  
  <div class="vcard" id="value_test">
    <span class="fn">
      <span class="value">John</span>
      <span><span class="value">Middle</span></span>
      <span class="value">Doe</span>
    </span>
  </div>

  <div class="vcard" id="nested_vcard1">
    <div class="agent vcard" id="nested_vcard2">
      <div class="agent vcard" id="nested_vcard3">
        <span class="fn">Bob Smith</span>
        <span class="title">Office Assistant</span>
      </div>
      <span class="fn">Jack Jones</span>
      <span class="title">Executive Assistant</span>
    </div>
    <span class="fn">John Doe</span>
    <span class="title">CEO</span>
  </div>

  <div class="vevent" id="date_vcal">
    <span class="description">Mozilla's Birthday</span>
    <span class="dtstart">1998-01-22</span>
  </div>

  <div class="vevent" id="vcal_vcard">
    <div class="vcard">
      <span class="description">
        <span class="fn org">Mozilla</span>'s Birthday
      </span>
    </div>
    <span class="dtstart">1998-01-22</span>
  </div>

  <div id="geo_vcard" class="vcard">
    <span class="fn">John Doe</span>
    <span class="geo" id="ill_geo5">abc;def</span>
  </div>
  <div id="loc_vevent" class="vevent">
    <span class="summary">Party</span>
    <span class="location">The White House</span>
  </div>
  <div id="loc_vcard_vevent" class="vevent">
    <span class="summary">Party</span>
    <span class="location vcard"><span class="fn">The White House</span></span>
  </div>
  
  <div class="vcard" id="valuespace_1">
    <span class="fn">
      <span class="value">John</span>
      <span class="value"> </span>
      <span class="value">Doe</span>
    </span>
  </div>
  <div class="vcard" id="valuespace_2">
    <span class="fn">
      <span class="value">John</span>
      <span class="value">    </span>
      <span class="value">Doe</span>
    </span>
  </div>
  <div class="vcard" id="valuespace_3">
    <span class="fn">
      <span class="value">  John</span>
      <span class="value">    </span>
      <span class="value">Doe  </span>
    </span>
  </div>
  <div class="vcard" id="valuespace_4">
    <span class="fn">
      <span class="value">John    </span>
      <span class="value">    Doe</span>
    </span>
  </div>
  <div class="vcard" id="valuespace_5">
    <span class="fn">
      <span class="value">    John</span>
      <span class="value">    Doe    </span>
    </span>
  </div>
  <div class="vcard" id="valuespace_6">
    <span class="fn">
      <span class="value">John
      </span>
      <span class="value">
      Doe</span>
      </span>
  </div>
  <div class="vcard" id="valuespace_7">
    <span class="fn">
      <span class="value">John</span>
      <span class="value">Doe</span>
    </span>
  </div>
 
  <span id="austin" class="location">Austin - Sixth Street</span>
  <table summary="Timetable">
    <thead>
      <tr>
        <th id="location-1"><a href="#austin" class="include"></a>New York</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th id="time-1"><abbr title="2008-01-01" class="dtstart">Jan 1, 2008</abbr></th>
        <td id="nested_header_include" class="vevent" headers="time-1 location-1"><div class="summary">New Years Party</div></td>
      </tr>
    </tbody>
  </table>

</div>

<div id="float_test">
  <div class="vcard floated" id="one">
    <div class="fn">John Doe</div>
  </div>
  <div class="vcard" id="two">
    <div class="fn">John Smith</div>
  </div>
</div>

<pre id="test">
<script class="testbody" type="application/javascript;version=1.8">

test_Microformats();
test_hCard();

function test_Microformats() {
  let { Microformats, hCard, hCalendar } = SpecialPowers.Cu.import("resource://gre/modules/Microformats.js");

  ok(Microformats, "Check global access to Microformats");
  var hCards = Microformats.get("hCard", document.getElementById("test_1"), {showHidden: true});
  is(hCards.length, 1, "Check Microformats.get");
  is(Microformats.count("hCard", document.getElementById("test_1"),  {showHidden: true}), 1, "Check Microformats.count");
  is(Microformats.count("hCard", document.getElementById("test_1"),  {showHidden: true, debug: true}), 2, "Check Microformats.count (debug)");
  ok(Microformats.isMicroformat(document.getElementById("vcard1_node")), "Check isMicroformat");
  is(SpecialPowers.unwrap(Microformats.getParent(document.getElementById("vcard1_org"))), document.getElementById("vcard1_node"), "Check getParent");
  is(Microformats.getNamesFromNode(document.getElementById("vcard1_node")), "hCard", "Check getNamesFromNode");
  
  var hCardArray1 = Microformats.get("hCard", document.getElementById("test_1"), {showHidden: true});
  is(hCardArray1.length, 1, "Check showHidden=true");
  var hCardArray2 = Microformats.get("hCard", document.getElementById("test_1"), {showHidden: false});
  is(hCardArray2.length, 0, "Check showHidden=false");
  
  var inner_parent = Microformats.getParent(document.getElementById("inner_vcard"));
  is(inner_parent.id, "middle_vcard", "GetParent gets correct ancestor 1");

  var inner_parent = Microformats.getParent(document.getElementById("inner_vcard2"));
  is(inner_parent.id, "middle_vevent2", "GetParent gets correct ancestor 2");

  var inner_parent = Microformats.getParent(document.getElementById("middle_vevent2"));
  is(inner_parent.id, "outer_vcard2", "GetParent gets correct ancestor 2a");

  var inner_parent = Microformats.getParent(document.getElementById("inner_vevent3"));
  is(inner_parent.id, "middle_vcard3", "GetParent gets correct ancestor 3");

  var inner_parent = Microformats.getParent(document.getElementById("middle_vcard3"));
  is(inner_parent.id, "outer_vevent3", "GetParent gets correct ancestor 3a");

  var inner_parent = Microformats.getParent(document.getElementById("inner_tag4"));
  is(inner_parent.id, "outer_vevent4", "GetParent gets correct ancestor 4");

  var inner_parent = Microformats.getParent(document.getElementById("inner_vevent5"));
  is(inner_parent.id, "outer_tag5", "GetParent gets correct ancestor 5");
  
  var valueCard = new hCard(document.getElementById("value_test"));

  is(valueCard.fn, "JohnDoe", "value_test");

  var nestCard1 = new hCard(document.getElementById("nested_vcard1"));
  var nestCard2 = new hCard(document.getElementById("nested_vcard2"));
  var nestCard3 = new hCard(document.getElementById("nested_vcard3"));

  is(nestCard1.fn, "John Doe", "nesting (fn) 1");
  is(nestCard1.title, "CEO", "nesting (title) 1");
  is(nestCard2.fn, "Jack Jones", "nesting (fn) 2");
  is(nestCard2.title, "Executive Assistant", "nesting (title) 2");
  is(nestCard3.fn, "Bob Smith", "nesting (fn) 3");
  is(nestCard3.title, "Office Assistant", "nesting (title) 3");
  is(nestCard1.agent[0].agent[0].fn, "Bob Smith", "nesting all");
  
  var dateCal = new hCalendar(document.getElementById("date_vcal"));
  jsdate = Microformats.dateFromISO8601(dateCal.dtstart);
  origdate = Microformats.iso8601FromDate(jsdate, true);
  is(dateCal.dtstart, origdate, "date round trip");

  var dateCal = new hCalendar(document.getElementById("vcal_vcard"));
  is(dateCal.description, "Mozilla's Birthday", "vcard in vcal");

  is(Microformats.count("hCard", document.getElementById("float_test")), 2, "Check Microformats.count for floated div");

  var hcard = new hCard(document.getElementById("geo_vcard"));
  ok(!hcard.geo, "Check if invalid geo does not exist");
  var hcal = new hCalendar(document.getElementById("loc_vevent"));
  is(hcal.location, "The White House", "Check if non vcard location works");
  var hcal = new hCalendar(document.getElementById("loc_vcard_vevent"));
  is(hcal.location.fn, "The White House", "Check if vcard location works");

  var nestedCal = new hCalendar(document.getElementById("nested_header_include"));
  is(nestedCal.dtstart, "2008-01-01", "nested_header_include - dtstart");
  is(nestedCal.location, "Austin - Sixth Street", "nested_header_include - location");
  is(nestedCal.summary, "New Years Party", "nested_header_include - summary");

  var valueCard = new hCard(document.getElementById("valuespace_1"));
  is(valueCard.fn, "John Doe", "valuespace_1");
  var valueCard = new hCard(document.getElementById("valuespace_2"));
  is(valueCard.fn, "John Doe", "valuespace_2");
  var valueCard = new hCard(document.getElementById("valuespace_3"));
  is(valueCard.fn, "John Doe", "valuespace_3");
  var valueCard = new hCard(document.getElementById("valuespace_4"));
  is(valueCard.fn, "John Doe", "valuespace_4");
  var valueCard = new hCard(document.getElementById("valuespace_5"));
  is(valueCard.fn, "John Doe", "valuespace_5");
  var valueCard = new hCard(document.getElementById("valuespace_6"));
  is(valueCard.fn, "John Doe", "valuespace_6");
  var valueCard = new hCard(document.getElementById("valuespace_7"));
  is(valueCard.fn, "JohnDoe", "valuespace_7");

}

function test_hCard() {
  var Microformats = SpecialPowers.Cu.import("resource://gre/modules/Microformats.js").Microformats;
  
  var hCards = Microformats.get("hCard", document.getElementById("test_1"),  {showHidden: true}); 
  
  is(hCards[0].fn, "Tantek Çelik", "Check for fn on test vcard");
  is(hCards[0].url, "http://tantek.com/", "Check for url on test vcard");
}

</script>
</pre>
</body>
</html>