How to test jquery code with mocha.js?

1

npm install mocha chai

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

// Import necessary modules
var assert = require('chai').assert;
var $ = require('jquery');

// Describe the test suite
describe('jQuery tests', function() {
  
  // Test the click event for a button
  it('should trigger click event on button click', function() {
    // Create a button element
    var $button = $('<button>Click me</button>').appendTo('body');
    
    // Set up a click event listener
    $button.on('click', function() {
      // Assert that the click event was triggered
      assert.isTrue(true, 'Click event was triggered');
    });
    
    // Simulate a click on the button
    $button.click();
  });
  
  // Test the text of an element
  it('should have correct text on element', function() {
    // Create a div element
    var $div = $('<div>Hello World</div>').appendTo('body');
    
    // Get the text of the element
    var text = $div.text();
    
    // Assert that the text is correct
    assert.equal(text, 'Hello World', 'Text is correct');
  });
  
});

1

mocha test.js