• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

294
Views
Svelte: ¿cómo espiar las funciones especificadas en la plantilla usando broma?

Tengo un componente Svelte que importa una función y luego proporciona esa función como controlador de clics en la plantilla. Me gustaría espiar y burlarme de esta función usando broma. Después de simular la función, cualquier llamada a las funciones que llamen a la función simulada funcionará como se esperaba, pero al hacer clic en el elemento que usa la función como controlador, se llamará a la función real y no a la simulada. A

Aquí hay un codesandbox con el problema https://codesandbox.io/s/crazy-fast-uxgqe?file=/app.test.js

 test-util.ts export const foo = () => console.log('real foo'); export const bar = () => foo();
 Test.svelte <script lang="ts"> import { foo, bar } from '@utils/test-util'; </script> <button on:click={foo} data-testid="foo">foo</button> <button on:click={bar} data-testid="bar">bar</button>
 import { render } from '@testing-library/svelte'; import Test from '@components/Test.svelte'; import * as testUtil from '@utils/test-util'; import userEvent from '@testing-library/user-event'; test('fails', async () => { const fooMock = jest .spyOn(testUtil, 'foo') .mockImplementation(() => console.log('mock foo')); const testComponent = render(Test); await userEvent.click(testComponent.getByTestId('bar')); // logs 'mock foo' await userEvent.click(testComponent.getByTestId('foo')); // logs 'real foo' expect(fooMock).toHaveBeenCalledTimes(2); // fails, actual value 1 });

Aparte de agregar una función intermedia como bar solo por el bien de la prueba, ¿cómo abordaría el simulacro de foo para que se llame al simulacro cuando se usa como controlador?

almost 3 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error