How to use the @teleporthq/teleport-uidl-builders.element function in @teleporthq/teleport-uidl-builders

it('maps a seflClosing tag', () => {
    const resolver = new Resolver()
    const imageElement = element('image', {
      dummy: staticNode('remains here'),
    })
    const resolvedElement = resolver.resolveElement(imageElement, { mapping })
    expect(resolvedElement.elementType).toBe('img')
    expect(resolvedElement.selfClosing).toBe(true)
    expect(resolvedElement.attrs.dummy.content).toBe('remains here')
  })
})

it('resolves a node', () => {
      const generator = createComponentGenerator()

      generator.addMapping({
        elements: {
          container: {
            elementType: 'div',
            attrs: { 'data-test': { type: 'static', content: '123' } },
          },
        },
      })

      const result = generator.resolveElement(element('container', {}, []))
      expect(result.elementType).toBe('div')
      expect(result.attrs['data-test'].content).toBe('123')
    })
  })

describe('resolveElement', () => {
  const uidlElement = element('text', {
    dummy: staticNode('remains here'),
  })

  it('returns a mapped content node', () => {
    const resolver = new Resolver()
    resolver.addMapping(mapping)
    const resolvedElement = resolver.resolveElement(uidlElement)
    expect(resolvedElement.elementType).toBe('span')
    expect(resolvedElement.attrs.dummy.content).toBe('remains here')
  })

  it('returns a mapped content node with a custom mapping', () => {
    const resolver = new Resolver()
    const resolvedElement = resolver.resolveElement(uidlElement, { mapping })
    expect(resolvedElement.elementType).toBe('span')
    expect(resolvedElement.attrs.dummy.content).toBe('remains here')