单元测试Angular 5应用程序的模拟文件列表

Question

模拟FileList

我正在尝试编写一个需要FileList的单元测试（Angular5）。我到处寻找任何解决方案的暗示。 我想知道这是否可能因为FileList的安全性而且我的任务从一开始就注定失败。

如果可能任何指针将不胜感激。

Answer 1

选项 1：使用 DataTransfer 构造函数

describe('Component', () => {
  const getFileList = () => {
    const dt = new DataTransfer();
    dt.items.add(new File([], 'file.csv'));
    return dt.files;
  };

  it('should mock fileList', () => {
    component.fileList = getFileList();
  });
});

选项 2：使用 Blob 模拟文件列表

describe('Component', () => {
  const getFileList = () => {
    const blob = new Blob([""], { type: "text/html" });
    blob["lastModifiedDate"] = "";
    blob["name"] = "filename";
    const file = <File>blob;
    const fileList: FileList = {
      0: file,
      1: file,
      length: 2,
      item: (index: number) => file
    };
    return fileList;
  };

  it('should mock fileList', () => {
    component.fileList = getFileList();
  });
});

快乐编码！