0

我有一个小部件的以下代码。该小部件是一个 searchpod。该文件是 searchPod.html

<select class="search-by" id="searchBy">
<option value="search_by">Search By</option>                   
<option value="lastname">Employee Last Name</option>
<option value="ssn">Employee SSN</option>
<option value="eeid">Employee EEID</option>
<option value="claim_number">Claim Number</option>
<option value="leave_number">Leave Number</option>
</select>

我有另一个名为 SPTest.js 的文件，它试图使用上面的选择。这个函数在一个测试函数中，因为我们也使用 QUnit 来做单元测试。

define(
['../Widget/SearchPod/searchPod'],
function () {
   function checkSearchBy()
   {
       test('check if select has "Search By" text', function () {
           alert($("#searchBy option[value='search_by']").text());
           alert($('#searchBy23').find('option:selected').text());
           var expected = "Search By";

           deepEqual($("#searchBy option[value='search_by']").text(), expected, 
           "We expect dropdown text to display 'Search By' by default");

        });
    }
return {
    runny: runny,
    checkSearchBy: checkSearchBy,
};

我无法弄清楚为什么我的 .js 文件无法通过其 id 找到选择。我将把 HTML 输出放在下面，供那些想看的人使用：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CLR Javascript Unit Test</title>
<link rel="stylesheet" href="Style/qunit.css">

<link rel="stylesheet" href="Style/cupertino/jquery-ui-1.10.1.custom.min.css" />
    <link rel="stylesheet" href="Style/jquery.jscrollpane.css" />
    <link rel="stylesheet" href="Style/jquery.dataTables.css" />
    <link rel="stylesheet" href="Style/Report.css" />
    <link rel="stylesheet" href="Style/GlobalReportStyles_10_css.css" />
    <style type="text/css">

    </style>
   <script type="text/javascript" src="Scripts/Lib/qunit.js"></script>
        <script type="text/javascript">
            QUnit.config.autostart = false;
        </script>
        <script data-main="Scripts/App" src="Scripts/Lib/require.js"></script>   
</head>
    <body>
        <div id="tabs">
            <ul>
                <li><a href="#tabs-1">Test Results</a><button id="test">Test DOM</button></li>
                <li><a href="#tabs-2">Report Viewer</a><button id="btnSPTest">
                Test Search Pod</button></li>
                <li><a href="#tabs-3">Transactional</a></li>
            </ul>
            <div id="tabs-1">
                Testing is fun!
                <div id="qunit"></div>
                <div id="qunit-fixture"></div>
            </div>
            <div id="tabs-2">
                <iframe width="100%" height="600px" src="ViewReportPage.aspx"
                id="viewreport"></iframe>
            </div>
             <div id="tabs-3">
                <iframe width="100%" height="600px"  src="BuildReport.aspx" id=""></iframe>
            </div>
        </div>
    </body>
</html>

任何解释都会有所帮助。谢谢你。

4

0 回答 0