Why js from a file in tests does not work?

Question

I have a small test to check the appearance of an select by pressing the checkbox.

The js code is in a separate file. If start the server and check manually, everything works.

I also include this file in application.js

But in the test this file is not connected.

If I insert js code directly into the html code, then everything works again.

My js file:

$(document).on('ready', function() {
  $('#checkme').on('change', function(e) {
    if ($(this).is(':checked')) {
      $('#interval').css('display', 'block');
    } else {
      $('#interval').css('display', 'none');
    }
  })
});

My test:

assert_not page.has_select?(:interval) #true
page.check('Checkme')                 #true
page.save_and_open_screenshot(full: true) #screenshot
assert page.has_select?(:interval) #false

In the screenshot I received, I see that the checkbox is active, but js does not work.

Answer 1

This was due to precompile assets. I deleted the public/assets folder, where I had old compiled js files.