dom/tests/dom-base.html

	dom-base.html revision c734b8b329dbf2d138c9976a40fba678431b3447
235N/A<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
235N/A<html>
235N/A<head>
235N/A<title>DOM Test Suite</title>
235N/A
235N/A<script type="text/javascript" src="/build/yui/yui.js"></script>
235N/A<script type="text/javascript" src="dom-core-test.js"></script>
235N/A<script type="text/javascript" src="dom-class-test.js"></script>
235N/A<script type="text/javascript" src="dom-size-test.js"></script>
235N/A<script type="text/javascript" src="dom-deprecated-test.js"></script>
235N/A<script type="text/javascript">
235N/AYUI({
235N/A    filter: (window.location.search.match(/[?&]filter=([^&]+)/) || [])[1] || 'min',
235N/A}).use('test-console', 'test', 'dom-core-test', 'dom-class-test', 'dom-size-test', 'dom-deprecated-test', function (Y) {
235N/A    new Y.Test.Console().render();
235N/A    Y.Test.Runner.run();
235N/A});
235N/A</script>
235N/A<style>
235N/A
235N/Ah1, h2, h3, h4, h5, h6, p, ul, ol, li {
235N/A    Xmargin:0;
235N/A    Xpadding:0;
235N/A}
235N/A
235N/Aform {
235N/A    width: 30em;
235N/A}
235N/A
235N/A#doc {
253N/A    border:5px solid #000;
235N/A    margin:10px;
235N/A    padding:10px;
235N/A}
235N/A
235N/A#hd {
235N/A    background:#ccc;
235N/A}
235N/A
235N/A#foo {
235N/A    float:left; /* required for getStyle test */
235N/A}
235N/A
235N/A#ft {
235N/A    opacity: 0.75;
235N/A}
235N/A
235N/A.yui-skin-sam .yui-console-entry-cat {
235N/A    color: white;
235N/A    font-weight: bold;
235N/A}
235N/A
235N/A.yui-skin-sam .yui-console-entry-src,
235N/A.yui-skin-sam .yui-console-entry-time {
253N/A    display: none;
235N/A}
235N/A
.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>