小编Pau*_*ler的帖子

情况:

<div class="header">
    <div style="float: left;" class="headerTitle">+ OPEN</div>
    <div class="closeBtn" style="float: right;">- CLOSE</div>
 </div> 
<div class="touristenContent">.....</div>

视觉:

|+Open..............................|-Close|..| (header)

|............Content..........................|

标题DIV是一个带有jQuery click()事件的"大按钮",用于打开内容.关闭的DIV位于大标题DIV内部,并表示关闭按钮,还有click()事件来关闭内容.只有单击大标题才能看到此关闭按钮.

标题上的Clickng和oppening内容按预期工作,但单击关闭按钮让click事件通过标题DIV.由于两次点击事件,内容将关闭并再次打开.

那么我怎么能正确地设计整个东西以使关闭按钮稳固并防止点击它到标题？

我尝试在从服务器获取某些内容后测试其渲染。我使用Vue Test Utils但这无关紧要。

在created组件的钩子中，ajax 调用是通过axios. 我注册axios-mock-adapter响应并“渲染”组件，进行调用，一切正常，但我必须使用该moxios库来等待请求完成。

it('displays metrics', (done) => {

  this.mock.onGet('/pl/metrics').reply((config) => {
    let value = 0
    if (config.params.start == '2020-01-26') {
      value = 80
    }
    if (config.params.start == '2020-01-28') {
      value = 100
    }
    return [200, {
      metrics: [
        {
          key: "i18n-key",
          type: "count",
          value: value
        }
      ]
    }]
  })
  .onAny().reply(404)

  let wrapper = mount(Dashboard)

  moxios.wait(function() {
    let text = wrapper.text()
    expect(text).toContain('80')
    expect(text).toContain('100')
    expect(text).toContain('+20')
    done()
  })
})

是否有可能摆脱 …