toContainHtml() vs. toHaveHtml() in jasmine-jquery

Question

In the jquery-jasmine documentation (I've listed the exact revision of the docs in case they change).

It describes:

toContainHtml(string)

expect($('<div><ul></ul><h1>header</h1></div>')).toContainHtml('<ul></ul>')

toHaveHtml(string)

expect($('<div><span></span></div>')).toHaveHtml('<span></span>')

When should I use toContainHtml() and when should I use toHaveHtml()? From the examples I can't tell the difference.

Answer 1

Judging by this ticket on jasmine-jquery's github page

toHaveHtml() is more exacting using a == check

Whereas toContainHtml() uses an indexOf() check.

However the example in the documentation doesn't really demonstrate this, so I'm still not certain.