Als «jestjs» getaggte Fragen

Jest ist ein JavaScript-Framework für Unit-Tests, das von Facebook auf Basis von Jasmine erstellt wurde und eine automatisierte Mock-Erstellung und eine JSdom-Umgebung bietet. Es wird häufig zum Testen von React-Komponenten verwendet.

2
Wie kann man einen Scheinwurf in Jest richtig machen?
Ich teste meine GraphQL-API mit Jest. Ich verwende für jede Abfrage / Mutation einen separaten Testanzug Ich habe 2 Tests (jeder in einem separaten Testanzug), bei denen ich eine Funktion (nämlich Meteor callMethod) verspotte , die bei Mutationen verwendet wird. it('should throw error if email not found', async () => …
5
Beobachten und wiederholen Sie Jest JS-Tests
In der Jest- Dokumentation wird vorgeschlagen npm test, Tests auszuführen. Gibt es eine Möglichkeit, Ihre Quelle und Tests zu beobachten, um Jest-Tests automatisch erneut auszuführen, wenn relevante Dateien geändert wurden?
74 npm  jestjs 
6
Wie man Funktionen im selben Modul mit jest verspottet
UPDATE: Ich habe diesen und andere Ansätze in https://github.com/magicmark/jest-how-do-i-mock-x/blob/master/src/function-in-same-module/README zusammengefasst. md Was ist der beste Weg, um das folgende Beispiel richtig zu verspotten? Das Problem ist, dass nach dem Import fooder Verweis auf das Original nicht verspottet bleibt bar. module.js: export function bar () { return 'bar'; } export function …
10
Scherztest schlägt fehl: TypeError: window.matchMedia ist keine Funktion
Dies ist meine erste Erfahrung mit Front-End-Tests. In diesem Projekt verwende ich Jest-Snapshot-Tests und habe einen Fehler TypeError: window.matchMedia is not a functionin meiner Komponente erhalten. Ich habe die Jest-Dokumentation durchgesehen und den Abschnitt "Manuelle Verspottungen" gefunden, aber ich habe noch keine Ahnung, wie das geht.
74 reactjs  jestjs 
4
Wie man useHistory Hook im Scherz verspottet?
Ich verwende den UseHistory-Hook in React Router v5.1.2 mit Typoskript. Beim Ausführen des Komponententests habe ich ein Problem. TypeError: Die Eigenschaft 'history' von undefined kann nicht gelesen werden. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as router from 'react-router'; import { …
1
Warum gibt getComputedStyle () in einem JEST-Test unterschiedliche Ergebnisse an berechnete Stile in Chrome / Firefox DevTools zurück?
Ich habe eine benutzerdefinierte Schaltfläche ( MyStyledButton) basierend auf Material-UI geschrieben 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, …
5
So lösen Sie im Import "Importanweisung kann nicht außerhalb eines Moduls verwendet werden" auf
Ich habe eine React-Anwendung (ohne Create React App), die mit TypeScript, Jest, Webpack und Babel erstellt wurde. Beim Versuch, "Garnscherz" auszuführen, wird die folgende Fehlermeldung angezeigt: Ich habe versucht, alle Pakete zu entfernen und erneut hinzuzufügen. Dies wird nicht behoben. Ich habe mir ähnliche Fragen und Unterlagen angesehen und verstehe …
1
Wie Unit-Tests mit Scherz in Vue Composition API-Komponente?
Ich schreibe einen Unit-Test mit Scherz für meine Kompositions-API-Komponente in vue.js. Ich kann jedoch nicht auf Funktionen im Setup () der Kompositions-API zugreifen. 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, current)"> </a> </li> </ul> <div class="indicator-caption d-flex …
2
Post-Methoden können aufgrund eines Fehlers nicht mit Jest getestet werden. MockImplementation of undefined kann nicht gelesen werden
Ich habe einen API-Dienst, bei dem ich verschiedene Methoden habe, um die APIs aufzurufen. Ich habe alle GET-Anforderungen erfolgreich getestet, habe jedoch Probleme beim Testen der POST-Anforderungen. Dies ist die Methode: export default class ApiService { static makeApiCall = <T>( url: string, oneCb: <T>(d: Data) => T, secondCb: (d: T) …
1
So testen Sie Klassenkomponenten in Reaktion
Ich versuche einige Unit-Tests, ich habe eine Sandbox mit einem gefälschten Beispiel erstellt https://codesandbox.io/s/wizardly-hooks-32w6l (in Wirklichkeit habe ich ein Formular) 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, …
3
Verwendung von jest.config.js mit der create-react-app
Ich möchte meinen Scherz Config aus meinem package.json bewegen, ich versuche , die --config wie vorgeschlagen zu verwenden , hier aber den Fehlerargv.config.match is not a function package.json "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test --config jest.config.js", "eject": "react-scripts eject", }, cli hutber@hutber-mac:/var/www/management/node$ npm test -u …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.