Question

我需要测试上传屏幕，但是.setFilesToUpload遇到问题。没有文件正在上传。

编辑：如果我调试，解锁页面，单击上载文件并选择其他文件，则该字段将填充脚本文件

我尝试了

.setFilesToUpload（Selector（'input'）。withAttribute（'type'，'file'），'../ src / assets / logo.png'）

和

.setFilesToUpload（Selector（“＃customInputFile”），“ ../ src / assets / icon.png”）

但是在两种情况下，都没有文件上传。屏幕等待它，但是什么也没发生。

<template>
  <div>
    <div class="file-container" v-if="!image">
      <label>{{ label }}</label>
      <div class="input-group">
        <input
          type="text"
          @dragover="handleDragAndDrop"
          @dragenter="handleDragAndDrop"
          @dragleave="handleDragAndDrop($event, true)"
          @drop="onFileChange"
          v-bind:class="{ error: dataError }"
          :placeholder="dataPlaceholder"
          :value="dataFileName"
          readonly

        />
        <span class="input-group-btn">
          <button class="file-button" type="button" @click="launchFilePicker">
            SELECT A FILE
          </button>
        </span>
      </div>
      <input
        type="file"
        :value="filePayload"
        @input="onFileChange"
        ref="file"
        id="customInputFile"
        style="display: none"

      />
      <span v-if="dataError" class="errorMessage">{{ dataErrorMessage }}</span>
    </div>
    <div class="file-container" v-else>
      <img :src="image" />
      <button @click="removeImage">Remove image</button>
    </div>
  </div>
</template>

我需要上传文件并通过测试。

Answer 1

我只需要在输入中添加onChange即可调用仅在输入中的脚本。

非常感谢您

testcafe-上传文件

1 个答案: