miniprogram-simulate

const simulate = require('miniprogram-simulate'); const path = require('path'); // Assuming a basic Jest setup with JSDOM environment // and a component at 'src/components/my-comp/index.js' describe('MyComponent', () => { let id; beforeAll(() => { // Load the component definition. Adjust path as needed. // Ensure your test runner is configured to resolve miniprogram paths. id = simulate.load(path.resolve(__dirname, './src/components/my-comp/index')); }); test('should render correctly and display initial text', () => { // Render the component instance const comp = simulate.render(id); // Get the shadow root of the component (if applicable, or direct element for non-shadow-dom) // For miniprograms, custom components often behave like web components with internal encapsulation const element = comp.querySelector('.my-text'); // Assuming an element with class 'my-text' inside the component expect(element.textContent).toBe('Hello World'); }); test('should update text on prop change', async () => { const comp = simulate.render(id, { initialText: 'Initial' }); let element = comp.querySelector('.my-text'); expect(element.textContent).toBe('Initial'); // Simulate prop update (often via setData for miniprograms) await comp.setData({ initialText: 'Updated' }); element = comp.querySelector('.my-text'); // Re-query or expect direct update on existing reference expect(element.textContent).toBe('Updated'); }); });