dom/tests/dom-base.html

	dom-base.html revision 856061d79ecec98dd295c8bcd087020687b71fdb
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap<html>
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap<head>
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap<title>DOM Test Suite</title>
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap<script type="text/javascript" src="/build/yui/yui.js"></script>
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap<script type="text/javascript" src="dom-core-test.js"></script>
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap<script type="text/javascript" src="dom-class-test.js"></script>
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap<script type="text/javascript" src="dom-size-test.js"></script>
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap<script type="text/javascript" src="dom-deprecated-test.js"></script>
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap<script type="text/javascript">
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter DunlapYUI({
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap    filter: (window.location.search.match(/[?&]filter=([^&]+)/) || [])[1] || 'min'
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap}).use('test-console', 'test', 'dom-core-test', 'dom-class-test', 'dom-size-test', 'dom-deprecated-test', function (Y) {
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap    new Y.Test.Console().render();
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap    Y.Test.Runner.masterSuite.name = 'Dom Test Suite';
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap    Y.Test.Runner.run();
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap});
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap</script>
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap<style>
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap
5819f75e225cf93d9c11f52e04ee71c2dcd0eca9Peter Gillh1, h2, h3, h4, h5, h6, p, ul, ol, li {
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap    Xmargin:0;
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap    Xpadding:0;
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap}
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlapform {
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap    width: 30em;
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap}
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap
30e7468f8f41aa30ada067b2c1d5d284046514daPeter Dunlap#doc {
5819f75e225cf93d9c11f52e04ee71c2dcd0eca9Peter Gill    border:5px solid #000;
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap    margin:10px;
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap    padding:10px;
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap}
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap#hd {
a6d42e7d71324c5193c3b94d57d96ba2925d52e1Peter Dunlap    background:#ccc;
30e7468f8f41aa30ada067b2c1d5d284046514daPeter Dunlap}
5819f75e225cf93d9c11f52e04ee71c2dcd0eca9Peter Gill
7014882c6a3672fd0e5d60200af8643ae53c5928Richard Lowe#foo {
7014882c6a3672fd0e5d60200af8643ae53c5928Richard Lowe    float:left; /* required for getStyle test */
}

#ft {
    opacity: 0.75;
}

.yui-skin-sam .yui-console-entry-cat {
    color: white;
    font-weight: bold;
}

.yui-skin-sam .yui-console-entry-src,
.yui-skin-sam .yui-console-entry-time {
    display: none;
}

.yui-skin-sam .yui-console-entry {
}
.yui-skin-sam .yui-console-entry-pass .yui-console-entry-content {
    text-align:right;
}

.yui-skin-sam .yui-console-entry-pass .yui-console-entry-cat {
    background-color: green;
}

.yui-skin-sam .yui-console-entry-fail .yui-console-entry-cat {
    background-color: red;
}

</style>

</head>
<body class="yui3-skin-sam">

<div id="test-id"></div>

<div id="test-dupe-ids">
    <span id="test-dupe-id"></span>
    <div id="test-dupe-root">
        <span id="test-dupe-id"></span>
        <span id="test-dupe-id"></span>
    </div>
</div>


<form id="test-names">
    <input id="test-name-id1" name="test-name-id2">
    <input id="test-name-id2" name="test-name-id1">
    <input name="test-names">
    <input name="id">
    <input id="test-text-value" value="test value">
    <input id="test-text-no-value">
    <input id="test-text-empty-value" value="">
    <label for="id" id="for-id"></label>
    <input name="foo" id="id">

    <textarea id="test-textarea-value" value="textarea value"></textarea>
    <textarea id="test-textarea-no-value"></textarea>
    <textarea id="test-textarea-text-value">textarea test</textarea>

    <select id="test-select-value">
        <option id="test-option-value" value="option value">option text</option>
        <option id="test-option-value-text">option text</option>
        <option id="test-option-empty-value-text" value="">empty value</option>
        <option id="test-option-empty-value" value=""></option>
        <option id="test-option-no-value"></option>
    </select>

    <select id="test-select-no-value">
    </select>

    <select id="test-select-text-value">
        <option>option text</option>
    </select>

    <select id="test-select-empty-value-text">
        <option value="">option text</option>
    </select>

    <select id="test-select-empty-value">
        <option value=""></option>
    </select>

    <button id="test-button-value" value="button value">button</button>
    <button id="test-button-no-value"></button>
    <button id="test-button-empty-value" value="">button</button>
    <button id="test-button-text-value">button text</button>

</form>

<form id="test-clone-form"></form>

<iframe id="test-frame" src="test-frame.html"></iframe>

<div id="test-children">
    foo
    <span>bar</span>
    <span>baz</span>
</div>

<div id="test-get-text">
    foo<span>bar</span>baz
</div>

<div id="test-ancestor-stop">
    <div>
        <div id="test-element-by-axis">foo<div></div>bar<span></span>baz<em></em>
    </div>
</div>

<div id="test-siblings">
    <em>foo</em>
    <span>foo</span>
    <strong>baz</strong>
</div>
</div>
</body>
</html>