Question

我是Vue.js的新手，我正在尝试解决以下问题。

我有一个看起来如下的组件：

<template>
   <div class="capture-photo">

   <input id="chooseFile"
     type="file"
      accept="image/*"
      capture="environment"
      @change="onImageCaptured($event.target.name, 
      $event.target.files)">

   <div v-show="imgURL">
    <img v-bind:src="imgURL"  style="width:200px">
    <button id="sendImage" v-on:click.prevent="post">Send Image</button>

  <div id="extractedLink">
    <a id="extractedLinkButton" v-bind:href="urlLink">{{ urlLink }}</a>
  </div>


  </div>

我试图运行一个测试，检查链接是否被点击并重定向到正确的页面（urlLink是在我的组件的data元素中定义的。使用夜视仪完成的测试和测试代码如下所示：

'Redirect the extracted url to the actual website': function test(browser) {
    const devServer = browser.globals.devServerURL;

    browser
      .url(devServer)
      .waitForElementVisible('#app', 5000)
      .click('input[id="chooseFile"]')
      .setValue('input[type="file"]', require('path').resolve('http://www.coolture.pt/wp-content/uploads/2017/10/nos-alive-18-3.jpg'))
      .click("#sendImage")
      .assert.elementPresent('#extractedLink', 'http://nosalive.com')
      .assert.elementPresent("#extractedLinkButton")
      .click("#extractedLinkButton")
      .assert.urlEquals('http://nosalive.com')
      .end();
  },`

运行测试时，收到的错误消息如下：

TEST FAILURE:  1 assertions failed, 35 passed. (38.623s)

 ✖ capturePhoto

   - Redirect the extracted url to the actual website (2.8s)
   Testing if the URL equals "http://nosalive.com".  - expected "http://nosalive.com" but got: "http://localhost:8081/#/"`

其中http://nosalive.com，是urlLink值。

非常感谢任何帮助。

谢谢 Ñ

Vue.js链接重定向到外部网站

0 个答案: