mocha-test-container-support

const assert = require('assert'); const TestContainer = require('mocha-test-container-support'); describe('My Feature', function() { let testContentContainer; beforeEach(function() { // Get a new container for each test testContentContainer = TestContainer.get(this); // Clear previous content if any, though TestContainer.get typically returns a fresh one testContentContainer.innerHTML = ''; }); it('should append a div to the test container', function() { const myDiv = document.createElement('div'); myDiv.textContent = 'Hello from test!'; testContentContainer.appendChild(myDiv); assert.strictEqual(testContentContainer.querySelector('div').textContent, 'Hello from test!'); // You could visually verify this in a browser-based Mocha runner }); it('should apply a style to the test container', function() { testContentContainer.style.backgroundColor = 'blue'; assert.strictEqual(testContentContainer.style.backgroundColor, 'blue'); // Caution: styles can leak to other tests if not reset or isolated (which this lib doesn't do fully) }); // Example of a test where DOM changes could be visually inspected it('should render a list of items', function() { const ul = document.createElement('ul'); ['Item 1', 'Item 2'].forEach(text => { const li = document.createElement('li'); li.textContent = text; ul.appendChild(li); }); testContentContainer.appendChild(ul); assert.strictEqual(testContentContainer.querySelectorAll('li').length, 2); }); });