JsUnit Tool Application

Keywords: Javascript Web Server

Why use JsUnit, because the project is not a WEB project, JS code can not use web pages test JsUnit is also used to test the JS code written.

Preparations: Download JsUnit related resources: www.jsunit.net, decompressed as follows:

The core files of JsUnit (jsUnitCore.js, jsUnitTestManager.js, etc.) are in the app folder. TesRunner. html is used to test the graphical page of JS. You don't need to access it through the web server, you just need to load it through the file system to browse, as follows:

Load your test page through the file input box, click Run to run the test page, and the following Trace level drop-down box can select the log level (warn, info, debug). Note that some browsers may not see the file input box, please select the appropriate browser test.

Let's write a test case test01.html:

<pre name="code" class="html"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> my_jsUnit_test01</TITLE>

<script language="JavaScript" src="../app/jsUnitCore.js"></script>

<script language="JavaScript">

var result = null;



function add(num1,num2){

    return num1+num2;

}

function multiply(num1,num2){

    return num1*num2;

}

//The test method should start with test without parameters. jsUnit automatically identifies the test method that starts with test and runs it.

function testAdd() {

    result = add(1,1);

    debug("add(1,1)="+result);

    assertEquals("1+1=2", 2, add(1,1));

}

//Invalid test methods

function multiplyTest(){

    result = multiply(2,3);

    debug("multiply(2,3)="+result);

        assertEquals("2*3=6", 5, multiply(2,3));

}

//If you cannot find a test method or if the method to be tested does not start with a standard test, use the following method to specify manually

function exposeTestFunctionNames() {

    var tests = new Array(2);

    tests[0] = "multiplyTest";

    tests[1] = "testAdd";

    return tests;

}

//setUp() is called before each test.

function setUp(){

    info("–>result="+result);

    result = 0;

    info("Test fixture, initialization ready state–>result="+result);

}



//tearDown() is called after each test.

function tearDown(){

    result = null;

    warn("Clear or reset test fixture–>result="+result);

}



//A one-time start method is called before all test functions (including setUp()) are called. It is advisable that there should be no log operation in this method.

function setUpPage(){

    result = 100;

    //Set this when you're done, or you'll be blocked.

        setUpPageStatus = "complete";

}

</script>

</HEAD>



<BODY>

test page for testValidArgs();

</BODY>

</HTML> </pre><br>

<pre></pre>

<p></p>

<pre></pre>

<p></p>

<p><span style="font-size:13px; color:#009933">open testRunner.html，stay file Fill in your test01.html Path, Choice debug Log level, Click Run，When the test results appear, Click error Information will pop up specific information:</span></p>

<p><span style="font-size:13px; color:#009933"><img src="http://hi.csdn.net/attachment/201111/17/0_1321517493y0PN.gif" alt=""></span></p>

<p><span style="font-size:13px; color:#009933">click Run The post-pop-up log information is as follows:</span></p>

<p><span style="font-size:13px; color:#009933"><img src="http://hi.csdn.net/attachment/201111/17/0_132151771397rY.gif" alt=""></span></p>

<p><span style="font-size:13px; color:#009933">Batch testing:</span></p>

<p><span style="font-size:13px; color:#009933"></span></p><pre name="code" class="html"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>testSuite.html</title>

    <script language="JavaScript" src="../app/jsUnitCore.js"></script>

    <script type="text/javascript">

        function sampleSuite(){

            var sampleSuite = new JsUnitTestSuite();

            //Add test pages to the test suite

            sampleSuite.addTestPage("tests/taobao_test.html");

            return sampleSuite;

        }

        //jsUnit must provide a method named suite() in order to identify the test set and test automatically.

        function suite(){

            var testSuite = new JsUnitTestSuite();

            //Adding other test sets to the test set

            testSuite.addTestSuite(sampleSuite());

            testSuite.addTestPage("tests/ShopexCore_test.html");

            return testSuite;

        }

    </script>

  </head>



  <body>

    This is a simple test suite.

  </body>

</html>

</pre><br>

<br>

<p></p>

<p><span style="font-size:13px; color:#009933"></span></p>

<pre></pre>




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">   
<HTML>   
<HEAD>   
<TITLE> my_jsUnit_test01</TITLE>   
<script language="JavaScript" src="../app/jsUnitCore.js"></script>  
<script language="JavaScript">  
var result = null;  
  
function add(num1,num2){  
    return num1+num2;  
}  
function multiply(num1,num2){  
    return num1*num2;  
}  
//The test method should start with test without parameters. jsUnit automatically identifies the test method that starts with test and runs it.
function testAdd() {  
    result = add(1,1);  
    debug("add(1,1)="+result);  
    assertEquals("1+1=2", 2, add(1,1));  
}  
//Invalid test methods
function multiplyTest(){  
    result = multiply(2,3);  
    debug("multiply(2,3)="+result);  
        assertEquals("2*3=6", 5, multiply(2,3));  
}  
//If you cannot find a test method or if the method to be tested does not start with a standard test, use the following method to specify manually
function exposeTestFunctionNames() {   
    var tests = new Array(2);   
    tests[0] = "multiplyTest";   
    tests[1] = "testAdd";   
    return tests;   
}  
//setUp() is called before each test.
function setUp(){  
    info("-->result="+result);  
    result = 0;  
    info("Test fixture, initialization ready state-->result="+result);  
}  
  
//tearDown() is called after each test.
function tearDown(){  
    result = null;  
    warn("Clear or reset test fixture-->result="+result);  
}  
  
//A one-time start method is called before all test functions (including setUp()) are called. It is advisable that there should be no log operation in this method.
function setUpPage(){  
    result = 100;  
    //Set this when you're done, or you'll be blocked.
        setUpPageStatus = "complete";   
}  
</script>   
</HEAD>   
  
<BODY>   
test page for testValidArgs();   
</BODY>   
</HTML>   


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> my_jsUnit_test01</TITLE> 
<script language="JavaScript" src="../app/jsUnitCore.js"></script>
<script language="JavaScript">
var result = null;

function add(num1,num2){
    return num1+num2;
}
function multiply(num1,num2){
    return num1*num2;
}
// The test method should start with test without parameters, and jsUnit will automatically identify the test method that starts with test and run it.
function testAdd() {
    result = add(1,1);
    debug("add(1,1)="+result);
    assertEquals("1+1=2", 2, add(1,1));
}
// Invalid test methods
function multiplyTest(){
    result = multiply(2,3);
    debug("multiply(2,3)="+result);
        assertEquals("2*3=6", 5, multiply(2,3));
}
// If you cannot find a test method or if the method to be tested does not start with a standard test, use the following method to specify manually
function exposeTestFunctionNames() { 
    var tests = new Array(2); 
    tests[0] = "multiplyTest"; 
    tests[1] = "testAdd"; 
    return tests; 
}
// setUp() is called before each test
function setUp(){
    info("-->result="+result);
    result = 0;
    info("test fixture, initialization ready state - > result=" +result);
}

// tearDown() is called after each test
function tearDown(){
    result = null;
    warn("Clear or reset test fixture - > result="+result);
}

// A one-time start method called before all test functions (including setUp()) are invoked, and the idea is that there can be no log operation in this method
function setUpPage(){
    result = 100;
    // This must be set after completion, otherwise it will be blocked.  
        setUpPageStatus = "complete"; 
}
</script> 
</HEAD> 

<BODY> 
test page for testValidArgs(); 
</BODY> 
</HTML> 





Open testRunner.html, fill in your test01.html path in the file, select debug log level, click Run, the test results appear, click error information will pop up specific information:

The log information that pops up after clicking Run is as follows:

Batch testing:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
  <head>  
    <title>testSuite.html</title>  
    <script language="JavaScript" src="../app/jsUnitCore.js"></script>  
    <script type="text/javascript">  
        function sampleSuite(){  
            var sampleSuite = new JsUnitTestSuite();  
            //Add test pages to the test suite
            sampleSuite.addTestPage("tests/taobao_test.html");  
            return sampleSuite;  
        }  
        //jsUnit must provide a method named suite() in order to identify the test set and test automatically.
        function suite(){  
            var testSuite = new JsUnitTestSuite();  
            //Adding other test sets to the test set
            testSuite.addTestSuite(sampleSuite());  
            testSuite.addTestPage("tests/ShopexCore_test.html");  
            return testSuite;  
        }  
    </script>  
  </head>  
    
  <body>  
    This is a simple test suite.   
  </body>  
</html>  


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>testSuite.html</title>
    <script language="JavaScript" src="../app/jsUnitCore.js"></script>
    <script type="text/javascript">
        function sampleSuite(){
            var sampleSuite = new JsUnitTestSuite();
            // Adding test pages to the test suite
            sampleSuite.addTestPage("tests/taobao_test.html");
            return sampleSuite;
        }
        // jsUnit must provide a method called suite() to identify the test set and test automatically
        function suite(){
            var testSuite = new JsUnitTestSuite();
            // Adding other test sets to the test set
            testSuite.addTestSuite(sampleSuite());
            testSuite.addTestPage("tests/ShopexCore_test.html");
            return testSuite;
        }
    </script>
  </head>

  <body>
    This is a simple test suite. 
  </body>
</html>

Posted by sane993 on Sun, 30 Jun 2019 12:20:49 -0700

Programmer Group

JsUnit Tool Application

Hot Keywords