La programmation jestjs

6

Blague: meilleure façon de désactiver la console dans les tests unitaires

Je me demande s'il existe une meilleure façon de désactiver les erreurs de console dans un test Jest spécifique (c'est-à-dire restaurer la console d'origine avant / après chaque test). Voici mon approche actuelle: describe("Some description", () => { let consoleSpy; beforeEach(() => { if (typeof consoleSpy === "function") { consoleSpy.mockRestore(); …

91 javascript unit-testing mocking jestjs

3

Comment modifier l'implémentation fictive sur une base de test unique [Jestjs]

Je voudrais changer l'implémentation d'une dépendance simulée sur une base de test unique en étendant le comportement de la maquette par défaut et en le rétablissant à l'implémentation d'origine lorsque le prochain test s'exécute. Plus brièvement, voici ce que j'essaie de réaliser: dépendance simulée modifier / étendre l'implémentation fictive en …

86 javascript unit-testing mocking jestjs

4

Comment se moquer du crochet UseHistory en plaisantant?

J'utilise le crochet UseHistory dans le routeur React v5.1.2 avec tapuscrit? Lors de l'exécution du test unitaire, j'ai un problème. TypeError: Impossible de lire la propriété «historique» de non défini. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as router from 'react-router'; …

18 reactjs typescript react-router jestjs enzyme

1

Pourquoi getComputedStyle () dans un test JEST renvoie-t-il différents résultats aux styles calculés dans Chrome / Firefox DevTools

J'ai écrit un bouton personnalisé ( MyStyledButton) basé sur material-ui Button . import React from "react"; import { Button } from "@material-ui/core"; import { makeStyles } from "@material-ui/styles"; const useStyles = makeStyles({ root: { minWidth: 100 } }); function MyStyledButton(props) { const buttonStyle = useStyles(props); const { children, width, ...others …

16 javascript css reactjs jestjs enzyme

5

Comment résoudre «Impossible d'utiliser l'instruction d'importation en dehors d'un module» en plaisantant

J'ai une application React (n'utilisant pas Create React App) construite en utilisant TypeScript, Jest, Webpack et Babel. Lorsque j'essaie d'exécuter "plaisanterie de fil", j'obtiens l'erreur suivante: J'ai essayé de supprimer tous les packages et de les rajouter. Cela ne résout pas cela. J'ai regardé des questions et des documents similaires …

11 reactjs jestjs babeljs babel-jest ts-jest

1

Comment effectuer des tests unitaires avec le composant API de composition Jest in Vue?

J'écris un test unitaire avec jest, pour mon composant d'API de composition dans vue.js. Mais je ne peux pas accéder aux fonctions dans la configuration de l'API de composition (). Indicator.vue <template> <div class="d-flex flex-column justify-content-center align-content-center"> <ul class="indicator-menu d-flex justify-content-center"> <li v-for="step in steps" :key="step"> <a href="#" @click="updateValue(step)" :class="activeClass(step, …

9 typescript unit-testing vue.js jestjs vue-composition-api

2

Impossible de tester les méthodes de publication avec Jest en raison d'une erreur ne peut pas lire mockImplementation of undefined

J'ai un service api où j'ai différentes méthodes pour appeler les API. J'ai testé avec succès toutes les demandes GET mais j'ai des problèmes pour tester les demandes POST. Voici la méthode: export default class ApiService { static makeApiCall = <T>( url: string, oneCb: <T>(d: Data) => T, secondCb: (d: …

9 javascript reactjs testing ecmascript-6 jestjs

1

Comment tester des composants de classe dans React

J'essaie des tests unitaires, j'ai créé un sandbox avec un faux exemple https://codesandbox.io/s/wizardly-hooks-32w6l (en réalité j'ai un formulaire) class App extends React.Component { constructor(props) { super(props); this.state = { number: 0 }; } handleSubmit = (number1, number2) => { this.setState({ number: this.handleMultiply(number1, number2) }) } handleMultiply = (number1, number2) => …

9 javascript reactjs jestjs

Questions marquées «jestjs»