Perguntas com a marcação «jestjs»

Tenho uma biblioteca de componentes para a qual estou escrevendo testes de unidade para usar Jest e react-testing-library. Com base em certos adereços ou eventos, quero verificar se certos elementos não estão sendo renderizados. getByText, getByTestIdetc., lance e erro react-testing-libraryse o elemento não for encontrado, fazendo com que o teste …

102 reactjs  jestjs  react-testing-library 

Ao testar um módulo que possui uma dependência em um arquivo diferente. Quando atribuir esse módulo para ser jest.Mockdigitado dá um erro de que o método mockReturnThisOnce(ou qualquer outro método jest.Mock) não existe na dependência, isso é porque ele foi digitado anteriormente. Qual é a maneira correta de obter o …

100 javascript  unit-testing  typescript  jestjs 

Quero fazer apenas um teste com Jest. Eu uso it.onlyou describe.only, mas ainda executa muitos testes. Acho que executa todos os testes desde meu último commit, mas não deveria ter esse comportamento com o onlysinalizador definido explicitamente, certo? O que causa esse comportamento e como posso executar um único teste?

99 javascript  unit-testing  jestjs 

Tenho um mapModuleonde importo componentes e exporto-os: import ComponentName from '../components/ComponentName'; export default { name: ComponentName, }; Como posso testar se mapModuletem as chaves, valores exportados corretos e se eles não são nulos ou indefinidos?

93 javascript  unit-testing  jestjs 

Eu gostaria de alterar a implementação de uma dependência zombado em um por base um único teste por estender a simulação padrão de comportamento e revertendo-lo de volta para a implementação original quando os próximos executa testes. Mais resumidamente, isso é o que estou tentando alcançar: dependência simulada alterar / …

86 javascript  unit-testing  mocking  jestjs 

Estou usando o gancho UseHistory no roteador de reação v5.1.2 com texto datilografado? Ao executar o teste de unidade, tenho um problema. TypeError: Não é possível ler a propriedade 'history' de indefinido. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as router …

18 reactjs  typescript  react-router  jestjs  enzyme 

Eu escrevi um botão personalizado ( MyStyledButton) baseado em 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 

Eu tenho um aplicativo React (não usando o Create React App) criado usando TypeScript, Jest, Webpack e Babel. Ao tentar executar o "yarn jest", recebo o seguinte erro: Eu tentei remover todos os pacotes e adicioná-los novamente. Isso não resolve isso. Eu olhei para perguntas e documentação semelhantes e ainda …

11 reactjs  jestjs  babeljs  babel-jest  ts-jest 

Estou escrevendo um teste de unidade com gracejo, para o meu componente da API de composição em vue.js. Mas não consigo acessar funções na configuração da API de composição (). 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 

Eu tenho um serviço de API onde tenho métodos diferentes para fazer chamadas para as APIs. Testei com êxito todas as solicitações GET, mas estou tendo problemas para testar as solicitações POST. Este é o método: export default class ApiService { static makeApiCall = <T>( url: string, oneCb: <T>(d: Data) …

9 javascript  reactjs  testing  ecmascript-6  jestjs 

Estou tentando alguns testes de unidade, criei uma sandbox com um exemplo falso https://codesandbox.io/s/wizardly-hooks-32w6l (na realidade, tenho um formulário) 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 

Gostaria de mudar minha configuração jest do meu package.json, estou tentando usar o --config como sugerido aqui, mas obtém o erroargv.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 > management-fresh@0.1.0 …

8 javascript  reactjs  testing  jestjs  create-react-app