6

How do you write unit tests for Htmx?

Stack overflow isn't letting me post such a short question, so this paragraph says that I didn't see docs or a library about this.

EDIT: Specifically, I wish to unit test in Django.

dfrankow
  • 20,191
  • 41
  • 152
  • 214
  • 2
    I added a new issue, since I think the docs should explain how to test htmx based applications: https://github.com/bigskysoftware/htmx/issues/452 – guettli Apr 18 '21 at 09:17

2 Answers2

6

There are a couple of solutions to this:

  • Many server side platforms offer the equivalent of rails "functional" controller tests, and those can be used to test your partial end points, depending on what platform you are using.

  • You can write client side javascript tests in the normal manner. The htmx test suite uses chai.js & mocha.js to create a test suite, and sinon.js to mock out the server side. If you can run the tests against your actual server, that will simplify things even more.

Broadly, for day to day unit tests, I would lean towards the first approach because it will be more stable and "functional" and then use the second approach for integration testing.

1cg
  • 1,392
  • 3
  • 8
2

I guess you use some kind of framework. For example Django, Laravel, Ruby on Rails, ...

Just use the tools of your framework to test your http endpoints.

For e2e tests I would use Playwright. But keep in mind this rule: 80% unittests, 15% integration tests, 5% e2e tests.

I have one e2e test which checks to happy path.

And a lot of pytest-django based tests.

For forms I use this pattern: html_form_to_dict

Maybe this question gets better answers in the discord channel, since there is no clear answer.

guettli
  • 25,042
  • 81
  • 346
  • 663