vanillajs-browser-helpers/src/tests/create.test.ts

Collection of convenience code snippets (helpers) that aims to make it a little easier to work with vanilla JS in the browser

import create from '../create';



describe('"create"', () => {
  it('Creates a <div> element when no element is given', () => {
    expect(create().tagName).toBe('DIV');
  });

  it.each([
    'div',
    'span',
    'custom',
    'input',
    'br',
    'img'
  ])('Creates a named element: "%s"', (tagName) => {
    const elm = create(tagName);
    expect(elm.tagName).toBe(tagName.toUpperCase());
  });

  it('Creates element from css selector', () => {
    const elm = create('img[src="url.com"].my-img#ID') as HTMLImageElement;

    expect(elm.tagName).toBe('IMG');
    expect(elm.src).toBe('url.com');
    expect(elm.id).toBe('ID');
    expect(elm.className).toBe('my-img');
  });
});