Estoy tratando de entender la diferencia entre clock.tick y clock.tickAsync y dónde debo usar cada uno. La explicación en los documentos no está clara para mí, y al mirar el código en sí, todavía no puedo entender dónde y cuándo debo usar cada método. ¿Alguien puede ayudarme con un ejemplo de código concreto?
El tickAsync() también romperá el ciclo de eventos, permitiendo que cualquier devolución de llamada de promesa programada se ejecute antes de ejecutar los temporizadores.
Primero, recomiendo mirar el video sobre el bucle de eventos .
Si es corto, la diferencia entre tick y tickAsync es que tick - son temporizadores de llamadas sincrónicos y tickAsync es - temporizadores de llamadas asíncronos que permiten ejecutar promesas resueltas antes de llamar a los temporizadores
Qué significa sincrónico. Veamos el código de ejemplo que probaríamos
function myFunction() { setTimeout(() => console.log('foo'), 1000) Promise.resolve().then(() => console.log('zoo')); console.log('bar') }y nuestro código de prueba síncrono
it('should test synchronously', () => { myFunction() tick(1000); // This would call scheduled timers synchronously ⚠️ console.log('baz') }); // print 'bar' // print 'foo' // print 'baz' // print 'zoo' y ahora veamos el mismo código de prueba pero con tickAsync
it('should test synchronously', () => { myFunction() tickAsync(1000); console.log('baz') }); // print 'bar' // print 'baz' 👈 // print 'zoo' 👈 // print 'foo' 👈 Como puede ver, se cambia el orden de la cadena impresa. Ahora el mismo código pero con await
it('should test synchronously', async () => { myFunction() await tickAsync(1000); console.log('baz') }); // print 'bar' // print 'zoo' 👈 // print 'foo' 👈 // print 'baz' 👈Para comprender por qué cambió el orden, debe comprender la diferencia entre la cola de micro tareas y la cola normal. Pero si viste el video desde el enlace de arriba, ya deberías tener una idea 😊
PD Además, debe comprender que sinon.useFakeTimers(); reemplazará setTimeout y setInterval en su propia implementación que le permite a sinon tener un control total sobre los temporizadores pasados a estas funciones
Esta es una aproximación muy aproximada de cómo se implementó sinon tick & tickAsync
scheduledTimers = []; function useFakeTimers() { global.setInterval = global.setTimeout = (fn) => { scheduledTimers.push(fn); } } function tick() { while (scheduledTimers.length) { scheduledTimers.shift()(); } } function tickAsync() { // Call timers on the next tick return Promise.resolve().then(() => tick()); }