将自定义元素添加为另一个自定义元素的子元素

Question

我已经定义了2个自定义元素，我希望能够将一个元素拖放到另一个元素上，并使被拖放的元素成为第一个元素的子元素。

我还没有实现拖动，所以在这一点上，我已经有了一个自定义元素的connectedCallback（），它创建了另一个自定义元素并将其附加到自身上，但是它不起作用...

我收到此错误：

  

未捕获的DOMException：无法构造'CustomElement'：结果   不得具有属性

代码（对不起，它是CoffeeScript）：

class elementOne extends HTMLElement
    constructor: ->
        super()

class elementTwo extends elementOne
    constructor: ->
        super()

class elementThree extends elementOne
    constructor: ->
        super()
    connectedCallback: ->
        myElement = document.createElement('test-one')


customElements.define('test-one', elementTwo)
customElements.define('test-two', elementThree)

我是否试图做一些不允许自定义元素的事情？

我正在使用JavaScript，并且不想使用任何库。