Search⌘ K
AI Features
Home
Courses
Fundamentals of Testing Using Rails

Testing Ajax Calls

Explore how to unit test Ajax calls in JavaScript using jQuery's $.ajax method. Learn to handle asynchronous requests by isolating callbacks, stubbing Ajax calls with testdouble.js, and writing Jasmine tests to verify data loading. Understand how to structure your tests for maintainable, efficient Rails application testing.

We'll cover the following...

Now that we have the internal logic of the task list working let’s focus on how to get data into and out of this code. The previous version of the code read the tasks essentially from the DOM, but in this case, we’ll make a separate Ajax call to get that information from the server. Let’s talk about strategies to test Ajax calls.

Ajax requests structure

Here’s the basic structure of an Ajax call. This one uses jQuery, but the basic idea holds no matter how the call gets made:

JavaScript (JSX)
$.ajax({
  url: `projects/${this.id}.js`
  dataType: "json"
}).then((data) => {
  this.name = data.project.name
  // and so on
})

The jQuery $.ajax method

The jQuery $.ajax method takes the URL and other information about the call we want to make ...