scrollview/tests/scrollview-list-unit-test.html

d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra<html>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra<head>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra<title>Scrollview List Plugin Tests</title>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra<script type="text/javascript" src="/build/yui/yui-min.js"></script>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra</head>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra<body class="yui3-skin-sam">
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra<h1>Scrollview List Plugin Tests</h1>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra<p>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            <div class="header">
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                <h1>Scrollview 1</h1>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            <div id="scrollable1" class="yui3-scrollview-loading">
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                <ul>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>I am a div with some LI content inside me!
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            <ul>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                <li class="special">LI content 1</li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                <li class="special">LI Content 2</li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                <li class="special">LI Content 3</li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            </ul>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Purchased</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Air</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Amelie</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Ben Folds</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Ben Harper</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Blue October</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Bob Dylan</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Cake</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Citizen Cope</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Coldplay</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Dido</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>I am a div with some LI content inside me!
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            <ul>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                <li class="special">LI content 1</li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                <li class="special">LI Content 2</li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                <li class="special">LI Content 3</li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            </ul>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Lily Allen</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Purchased on the iPhone</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Purchased</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Air</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Amelie</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Ben Folds</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Ben Harper</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>I am a div with some LI content inside me!
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            <ul>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                <li class="special">LI content 1</li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                <li class="special">LI Content 2</li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                <li class="special">LI Content 3</li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            </ul>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Bob Dylan</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Cake</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Citizen Cope</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Coldplay</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Dido</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Foo Fighters</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>Lily Allen</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    </li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                </ul>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                <div class="header">
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    <h1>Scrollview 2 - has divs as immediate children</h1>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                <div id="scrollable2" class="yui3-scrollview-loading">
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            <div>I am a div with some LI content inside me!
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                <ul>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                    <li>LI content 1</li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                    <li>LI Content 2</li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                    <li>LI Content 3</li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                </ul>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            <div>I am a div with some LI content inside me!
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                <ul>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                    <li>LI content 1</li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                    <li>LI Content 2</li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                    <li>LI Content 3</li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                </ul>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            <div>Lily Allen</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            <div>Purchased on the iPhone</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            <div>Purchased</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            <div>Air</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            <div>Amelie</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            <div>Ben Folds</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            <div>Ben Harper</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            <div>I am a div with some LI content inside me!
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                <ul>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                    <li>LI content 1</li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                    <li>LI Content 2</li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                    <li>LI Content 3</li>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                                </ul>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            <div>Bob Dylan</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            <div>Cake</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            <div>Citizen Cope</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            <div>Coldplay</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            <div>Dido</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            <div>Foo Fighters</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        <div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                            <div>Lily Allen</div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                        </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                </div>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra</p>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra<script type="text/javascript">
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra(function() {
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra    YUI({
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra        filter: (window.location.search.match(/[?&]filter=([^&]+)/) || [])[1] || 'min',
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra        allowRollup: false
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra    }).use("console", "test", "dump", "scrollview-base", 'scrollview-list', function(Y) {
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra        // Set up the page
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra        var ASSERT = Y.Assert,
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            ARRAYASSERT = Y.ArrayAssert;
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra        var myConsole = new Y.Console().render();
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra        var testBasic = new Y.Test.Case({
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            name: "API Tests",
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            svCfg1: {
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                contentBox: '#scrollable1',
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                height: 372,
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                width: 400,
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                flick : {
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    minDistance:0,
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    minVelocity:0
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                },
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                plugins: [Y.Plugin.ScrollViewList]
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            },
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            svCfg2: {
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                contentBox: '#scrollable2',
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                height: 372,
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                width: 400,
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                flick : {
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    minDistance:0,
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    minVelocity:0
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                },
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                plugins: [Y.Plugin.ScrollViewList]
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            },
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            //---------------------------------------------
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            // Setup and tear down
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            //---------------------------------------------
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            setUp : function () {
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            },
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            tearDown : function () {
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            },
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            //---------------------------------------------
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            // Instantiation
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            //---------------------------------------------
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            //makes sure only immediate decendant LI and UL's are selected
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            testBasicScrollviewList: function() {
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                var sv = new Y.ScrollView(this.svCfg1),
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                cb, id, ul, li, className, special;
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                sv.render();
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                cb = sv.get('contentBox');
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                id = cb.get('id');
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                ul = Y.all('#'+ id +' > ul')
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                li = Y.all('#'+ id +' > ul > li');
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                special = Y.all('.special');
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                ul.each(function(item) {
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    className = item.getAttribute('class');
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    Y.log('checked ul');
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    Y.Assert.areEqual("yui3-scrollview-list", className, "List Class name not equal");
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                });
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                li.each(function(item) {
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    className = item.getAttribute('class');
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    Y.log('checked li');
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    Y.Assert.areEqual("yui3-scrollview-item", className, "Item Class name not equal");
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                });
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                special.each(function(item) {
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    Y.log('checked specials');
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    Y.Assert.isFalse(item.hasClass('yui3-scrollview-item'), "Special LIs should not have class");
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                });
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            },
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            testScrollviewListWithDiv: function() {
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                var sv = new Y.ScrollView(this.svCfg2),
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                cb, id, li;
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                cb = sv.get('contentBox');
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                id = cb.get('id');
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                li = Y.all('#' + id + ' li');
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                li.each(function(item) {
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    Y.log('checked li');
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                    Y.Assert.isFalse(item.hasClass('yui3-scrollview-item'), "these LIs should not have class because they are not immediate decendants");
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra                });
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra            }
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra        });
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra        var suite = new Y.Test.Suite({name:"Scrollview List Test Suite"});
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra        suite.add(testBasic);
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra        Y.Test.Runner.setName("Scrollview Test Runner");
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra        Y.Test.Runner.add(suite);
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra        Y.Test.Runner.run();
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra    });
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra})();
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra</script>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra</body>
d84d625d7d43624674286499b8a8e8fe785c83fcTilo Mitra</html>