<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css" type="text/css"?>

<!--
  parent - simple syntax
-->

<window title="XUL Template Tests" width="500" height="600"
        onload="test_template();"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <script type="application/javascript"
          src="chrome://mochikit/content/MochiKit/packed.js"></script>
  <script type="application/javascript"
          src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>

  <body xmlns="http://www.w3.org/1999/xhtml" style="height: 300px; overflow: auto;"/>

<script src="templates_shared.js"/>

<script>
<![CDATA[
SimpleTest.waitForExplicitFinish();

var testid ="parent - simple syntax";
var queryType = "rdf";
var isTreeBuilder = false;
var needsOpen = false;
var notWorkingYet = false;
var notWorkingYetDynamic = false;
var expectedOutput =
<output>
  <hbox step="-3" id="http://www.some-fictitious-zoo.com/birds" container="true" empty="false">
    <label value="Birds"/>
    <button id="http://www.some-fictitious-zoo.com/birds/emu" label="Emu"/>
    <button id="http://www.some-fictitious-zoo.com/birds/barnowl" label="Barn Owl"/>
    <button id="http://www.some-fictitious-zoo.com/birds/raven" label="Raven"/>
  </hbox>
  <hbox step="1" id="http://www.some-fictitious-zoo.com/insects">
    <label value="Insects"/>
  </hbox>
  <hbox id="http://www.some-fictitious-zoo.com/crustaceans" container="true" empty="true">
    <label value="Crustaceans"/>
  </hbox>
  <hbox id="http://www.some-fictitious-zoo.com/mammals" container="true" empty="false">
    <label value="Mammals"/>
    <button id="http://www.some-fictitious-zoo.com/mammals/lion" label="Lion"/>
    <button id="http://www.some-fictitious-zoo.com/mammals/hippopotamus" label="HIPPOPOTAMUS"/>
    <button id="http://www.some-fictitious-zoo.com/mammals/africanelephant" label="African Elephant"/>
    <button step="2" id="http://www.some-fictitious-zoo.com/mammals/koala" label="Koala"/>
    <button id="http://www.some-fictitious-zoo.com/mammals/llama" label="LLAMA"/>
    <button id="http://www.some-fictitious-zoo.com/mammals/polarbear" label="Polar Bear"/>
    <button id="http://www.some-fictitious-zoo.com/mammals/aardvark" label="aardvark"/>
    <button id="http://www.some-fictitious-zoo.com/mammals/ninebandedarmadillo" label="Nine-banded Armadillo"/>
    <button id="http://www.some-fictitious-zoo.com/mammals/gorilla" label="Gorilla"/>
  </hbox>
</output>;

var changes = [
  // step 1
  function(targetds, root) {
    var newnode = RDF.GetResource(ZOO_NS + 'insects');
    targetds.Assert(newnode, RDF.GetResource(ZOO_NS + 'rdf#name'),
                    RDF.GetLiteral('Insects'), true);
    var container = ContainerUtils.MakeSeq(targetds,
                      RDF.GetResource(ZOO_NS + 'all-animals'));
    container.InsertElementAt(newnode, '3', true);
  },
  // step 2
  function(targetds, root) {
    var newnode = RDF.GetResource(ZOO_NS + 'mammals/koala');
    targetds.Assert(newnode, RDF.GetResource(ZOO_NS + 'rdf#name'),
                    RDF.GetLiteral('Koala'), true);
    var container = ContainerUtils.MakeSeq(targetds,
                      RDF.GetResource(ZOO_NS + 'mammals'));
    container.InsertElementAt(newnode, '4', true);
  },
  // step 3
  function(targetds, root) {
    var container = ContainerUtils.MakeSeq(targetds,
                      RDF.GetResource(ZOO_NS + 'all-animals'));
    var removednode = container.RemoveElementAt('2', true);
    targetds.Unassert(removednode, RDF.GetResource(ZOO_NS + 'rdf#name'),
                      RDF.GetLiteral('Birds'), true);
  }
];
]]>
</script>

<vbox xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" id="root" datasources="animals.rdf" ref="http://www.some-fictitious-zoo.com/all-animals">
<template member="?parent">
<rule parent="hbox">
<button uri="?parent" label="rdf:http://www.some-fictitious-zoo.com/rdf#name"/>
</rule>
<rule>
<conditions>
<content uri="?uri"/>
<member container="?uri" child="?parent"/>
<triple subject="?parent" predicate="http://www.some-fictitious-zoo.com/rdf#name" object="?name"/>
<where subject="?name" rel="equals" multiple="true" value="Mammals,Crustaceans,Birds,Insects"/>
</conditions>
<action>
<hbox uri="?parent">
<label value="?name"/>
</hbox>
</action>
</rule>
</template>
</vbox>

</window>
