jquery_replace_test.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>JavaScript unit test file</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <script src="lib/jsunittest.js" type="text/javascript"></script>
  <script src="lib/jquery.js" type="text/javascript"></script>

  <!-- TODO: REPLACE "example_library_to_test" throughout file with name of file to test -->
  <script src="jquery.replace.js" type="text/javascript"></script>
  
  <link rel="stylesheet" href="lib/unittest.css" type="text/css" />
</head>
<body>
  
<div id="content">
  
  <div id="header">
    <h1>JavaScript unit test file</h1>
    <p>
      This file tests <strong>jquery.replace.js</strong>.
    </p>
  </div>

  <!-- Log output (one per Runner, via {testLog: "testlog"} option)-->
  <div id="testlog"></div>
  
  <!-- Put sample/test html here -->
  <div id="sample">
    <div id="test" style="display: none;">Tentative tent is content with tending to that.</div>
    
    <ul style="display: none;">
      <li>testing</li>
      <li>testing</li>
    </ul>
    
    <p id="test_p">My anchor should be outside my <a href="#anchor">anchor</a>.</p>
    
    <p id="test_black_list">Black Listing is fun to do for <a href="#">fun fun fun</a></p>
  </div>
  
</div>



<script type="text/javascript">
// <![CDATA[
  new Test.Unit.Runner({
    setup: function(){
      $('#test').html('Tentative event is content with tending to that.');
    },

    testReplaceStringWithString: function(){ with(this) {
      assertEqual('Tentative event is content with tending to that.', $('#test').replace(' tent', 'event').html());
    }},
    
    testReplaceRegexpWithString: function(){ with(this) {
      assertEqual('Tentative event is content with tending to that.', $('#test').replace(/\btent\b/, 'event').html());
    }},
    
    testReplaceRegexpWithDollar: function(){ with(this) {
      assertEqual('Tentative event <i>is</i> content with tending to that.', $('#test').replace(/(is)/, "<i>$1</i>").html())
    }},
    
    testReplaceRegexpWithFunction: function(){ with(this) {
      assertEqual('Tentative event is CONTENT with tending to that.', $('#test').replace(/content/, function(match){ return match.toUpperCase() }).html())
    }},
    
    testReplaceRegexpGloballyWithString: function(){ with(this){ // leet speak wannabes beware
      assertEqual('10tative event is con10t with 10ding to that.', $('#test').replace(/ten/ig, '10').html())
    }},
    
    testReplaceMultipleObjects: function(){ with(this){
      $('li').replace('testing', 'validating');
      assertEqual('validating', $('li:first').html());
      assertEqual('validating', $('li:last').html());
    }},
    
    testReplaceDoesNotBreakAnchors: function(){ with(this){
      assert('My <a href="#">replacement</a> should be outside my <a href="#anchor">anchor</a>.', $('#test_p').replace(/anchor/g, '<a href=\"#\">replacement</a>').html());
    }},
    
    testReplaceAnchorsWithBlackList: function(){ with(this){
      assert('Black Listing is great to do for <a href="#">great great great</a>', $('#test_black_list').replace(/fun/g, 'great').html());
    }}
  }); 
// ]]>
</script>
</body>
</html>