Benchmark: .classList.toggle(…, false) vs. .classList.contains()+remove()

HTML Preparation code:

<div id="test" class="foo"></div>

Script Preparation code:

const div = document.getElementById('test');

Tests:

Not present – .classList.toggle(…, false)
div.classList.toggle('bar', false);
Not present – .classList.contains()+remove()
div.classList.contains('bar') && div.classList.remove('bar');
Present – .classList.toggle(…, true)
div.classList.toggle('foo', true);
Present – .classList.contains()+add()
div.classList.contains('foo') || div.classList.add('bar');

Rendered benchmark preparation results:

Previous results

Test case name	Result
Not present – .classList.toggle(…, false)
Not present – .classList.contains()+remove()
Present – .classList.toggle(…, true)
Present – .classList.contains()+add()

.classList.toggle(…, false) vs. .classList.contains()+remove() (version: 1)