{
  "presets": [["env", {"modules": false}], "react"],
  "env": {
    "test": {
      "presets": [["env"], "react"]
    }
  }
}

{
    preset: 'strudel-jest'
}

// HelloWorld.js
import { Evt, Component } from 'strudel';
 
@Component(".hello")
class HelloWorld {
  init() {
    this.$element.html('Hello world!');
  }
  
  @Evt('click')
  toggleActive() {
    this.$element.toggleClass('active');
  }
 
  sayHi() {
    return 'Hi!';
  }
}
 
export default HelloWorld;

// HelloWorld.spec.js
 
import './HelloWorld';
import { createComponentWrapper } from 'strudel-jest';
let wrapper;
 
describe('HelloWorld', () => {
  // Make sure your babel understands async/await in order for this snippet to work
  beforeAll(async () => {
    wrapper = await createComponentWrapper('<div class="hello"></div>');
  });
  
  test('Component inits', () => {
    expect(wrapper.$element.is('.hello')).toBe(true); // usage of wrapper.$element
    expect(wrapper.$element.is('.strudel-init')).toBe(true);
    expect(wrapper.instance.sayHi()).toBe('Hi!'); // usage of wrapper.instance
  });
 
  test('Active class is toggled', () => {
    wrapper.$element.trigger('click');
    expect(wrapper.domEl.classList.contains('active')).toBe(true); // usage of wrapper.domEl
    wrapper.$element.trigger('click');
    expect(wrapper.domEl.classList.contains('active')).toBe(false);
  })
})