«jestjs» etiketlenmiş sorular

Tarayıcıda yeni bir sekme açan bir işlevi test etmem gerekiyor openStatementsReport(contactIds) { window.open(`a_url_${contactIds}`); } İşleve opendoğru URL'nin iletildiğini doğrulayabilmek için pencerenin işleviyle dalga geçmek istiyorum open. Jest'i kullanarak nasıl alay edeceğimi bilmiyorum window. window.openSahte bir işlevle ayarlamayı denedim ama bu yol çalışmıyor. Aşağıda test durumu var it('correct url is called', …

106 javascript  mocking  jestjs 

İsterdim bir alay bağımlılık uygulanmasını değiştirmek başına üzerinde tek bir test temelinde tarafından varsayılan taklidi uzanan 'ın davranış ve geri dönerek orjinal uygulanması sonraki test yürütür için. Daha kısaca başarmaya çalıştığım şey bu: sahte bağımlılık tek bir testte sahte uygulamayı değiştir / genişlet bir sonraki test yürütüldüğünde orijinal modele geri …

96 javascript  unit-testing  mocking  jestjs 

Çok basit, Jest ile sadece bir test yapmak istiyorum. it.onlyVeya koydum describe.onlyama yine de birçok test yapıyor. Sanırım son taahhüdümden beri tüm testleri çalıştırıyor, ancak bu davranış onlyaçıkça belirlenmiş bayrakla olmamalı , değil mi? Bu davranışa ne sebep olur ve tek bir test nasıl yapılır?

95 javascript  unit-testing  jestjs 

Jest ve react-test-library kullanmak için birim testleri yazdığım bir bileşen kitaplığım var. Belirli sahne veya olaylara dayanarak, belirli öğelerin işlenmediğini doğrulamak istiyorum. getByText,, getByTestIdvb react-testing-library. öğe bulunamazsa hata verir ve expectişlev çalışmadan önce testin başarısız olmasına neden olur . React-testing-library kullanarak jest'te olmayan bir şeyi nasıl test edersiniz?

95 reactjs  jestjs  react-testing-library 

Farklı bir dosyada bağımlılığı olan bir modülü test ederken. Bu modülü typcript olarak atarken jest.Mock, yöntemin mockReturnThisOnce(veya başka bir jest.Mock yönteminin) bağımlılıkta bulunmadığına dair bir hata verir , bunun nedeni önceden yazılmış olmasıdır. Türleri jest.Mock'tan miras almak için typcript almanın doğru yolu nedir? İşte hızlı bir örnek. Bağımlılık const myDep …

94 javascript  unit-testing  typescript  jestjs 

mapModuleBileşenleri aldığım ve dışa aktardığım bir yerim var : import ComponentName from '../components/ComponentName'; export default { name: ComponentName, }; mapModuleDoğru dışa aktarılan anahtarlara, değerlere sahip olduğunu ve bunların boş veya tanımsız olmadığını nasıl test edebilirim ?

94 javascript  unit-testing  jestjs 

Daha iyi bir yolu olup olmadığını merak devre dışı konsol hataları içindeki bir belirli Jest testi (yani orijinal konsolu geri her testten sonra / 'önce). İşte şu anki yaklaşımım: describe("Some description", () => { let consoleSpy; beforeEach(() => { if (typeof consoleSpy === "function") { consoleSpy.mockRestore(); } }); test("Some test …

91 javascript  unit-testing  mocking  jestjs 

Bir düğme tıklamasını simüle etmek çok kolay / standart bir işlem gibi görünüyor. Yine de, Jest.js testlerinde çalışmasını sağlayamıyorum. Bu denediğim şeydi (ve bunu jQuery kullanarak yapıyorum), ancak hiçbir şeyi tetiklemedi import { mount } from 'enzyme'; page = <MyCoolPage />; pageMounted = mount(page); const button = pageMounted.find('#some_button'); expect(button.length).toBe(1); // …

84 javascript  reactjs  testing  jestjs  enzyme 

Ben daktilo ile tepki yönlendirici v5.1.2 UseHistory kanca kullanıyorum? Birim testi çalıştırırken sorunum var. TypeError: undefined öğesinin 'history' özelliği okunamıyor. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as router from 'react-router'; import { QuestionContainer } from './QuestionsContainer'; describe('My questions container', () …

17 reactjs  typescript  react-router  jestjs  enzyme 

Material-ui'yeMyStyledButton dayalı özel bir düğme ( ) yazdım . 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 

TypeScript, Jest, Webpack ve Babel kullanılarak oluşturulan bir React uygulaması (Create React App kullanmadan) var. "İplik jest" çalıştırmaya çalışırken, aşağıdaki hatayı alıyorum: Tüm paketleri kaldırmayı ve yeniden eklemeyi denedim. Bunu çözmez. Benzer sorulara ve belgelere baktım ve hala bir şeyleri yanlış anlıyorum. Şimdiye kadar bu ortamı sıfırdan ayarlamak için başka …

11 reactjs  jestjs  babeljs  babel-jest  ts-jest 

Vue.js'deki kompozisyon API bileşenim için jest ile birim testi yazıyorum. Ancak kompozisyon API'sinin kurulumundaki işlevlere erişemiyorum (). 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 justify-content-center"> step <span> {{ current }}</span> …

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

API'ları arama yapmak için farklı yöntemler var bir api hizmetim var. Tüm GET isteklerini başarıyla test ettim ancak POST isteklerini test etmede sorunlar yaşıyorum. Bu yöntem: export default class ApiService { static makeApiCall = <T>( url: string, oneCb: <T>(d: Data) => T, secondCb: (d: T) => void, errorCb?: (a: ErrorModel) …

9 javascript  reactjs  testing  ecmascript-6  jestjs 

Bazı birim testleri deniyorum, sahte bir örnekle bir sanal alan oluşturdum https://codesandbox.io/s/wizardly-hooks-32w6l (gerçekte bir formum var) 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) => { return …

9 javascript  reactjs  jestjs