tablas - ¿Cómo simular el archivo en javascript?

recorrer tabla javascript

Question

Estoy desarrollando un pequeño proyecto para ejercitar mis habilidades TDD. El proyecto consiste en un reproductor de audio con arrastrar archivos en la lista de reproducción. Yo uso Jasmine como marco de tsting. El problema al que me enfrenté es que no puedo simular archivos javascript para probar mi funcionalidad de carga de archivos. Intenté crear un archivo como este:

new File(new Blob(), "name");

pero Chrome no permite crear archivos manualmente. El constructor del archivo es ilegal de usar. Encontré una solución con grunt.js que consiste en devolver algunos archivos del gruñido, pero realmente no quiero usar el servidor para un proyecto de prueba tan pequeño. ¿Hay alguna solución para este problema?

Answer 1

Chrome te permitirá crear un nuevo archivo:

var f = new File([""], "filename");

Sin embargo, IE11 (¿y otros navegadores?) No lo hará.

Aquí está mi (¿pobre?) Archivo falso:

var blob = new Blob([""], { type: ''text/html'' });
blob["lastModifiedDate"] = "";
blob["name"] = "filename";
var fakeF = blob;

Puede completar los valores como mejor le parezca. Puedes llenar el blob con lo que necesites. (Vea la otra respuesta para saber cómo usar una imagen).

He probado esto en IE11, Chrome y Firefox. Hasta ahora, parece que funciona, al menos para mi unidad de pruebas.

Bonificación: aquí está en mecanografiado:

let blob = new Blob([""], { type: ''text/html'' });
blob["lastModifiedDate"] = "";
blob["name"] = "filename";

let fakeF = <File>blob;

Answer 2

No necesita crear un blob, puede hacer esto que aplica la cadena de imagen genuina directamente (utilicé este convertidor ), o puede seguir el ejemplo a continuación (si realmente no le importa tener una imagen válida) )

html <img id="test" />

var img = window.btoa(''I don''t care about a broken image'');
document.getElementById(''test'').src=''data:image/png;base64,''+img;

La función btoa es solo para crear base64 a partir de una cadena.