Ferramentas de teste E2E de código aberto e estrutura de teste da interface do usuário |cypress.io (2024)

Construa, teste e depure diretamente em seu navegador com uma experiência perfeita de desenvolvedor que é amada por desenvolvedores em todo o mundo.Teste seu código, não sua paciência.

Teste de ponta a pontaTeste de componentes

Ferramentas de teste E2E de código aberto e estrutura de teste da interface do usuário |cypress.io (1)

Ferramentas de teste E2E de código aberto e estrutura de teste da interface do usuário |cypress.io (2)

Experiência deliciosa

Escreva seu primeiro teste de passagem em minutos

  • Instale o CYPRESS via NPM, YARN ou Download direto como um aplicativo independente.Recomendamos a instalação do CYPRESS como uma dependência do Dev para simplificar atualizações e versões enquanto estiver em execução nos fluxos de trabalho do CI.

    ~/Documentos/Github/Design-System

    Saber mais
  • Lançando o Cypress pela primeira vez, você será guiado por decisões e tarefas de configuração para que você possa escrever seu primeiro teste de passagem em minutos.Não há mais configuração infernal.

    Saber mais
  • Acreditamos que os testes devem ser simples de escrever, ler e entender.Escrever testes com Cypress é como fornecer comandos descritivos a um usuário real para executar.

    Autenticação.cy.ts

    Botão.TSX

    Botão.cy.tsx

    • sistema de design
      • ativos
        • cipreste
          • e2e
            • Autenticação.cy.ts
        • src
          • componentes
            • Botão.cy.tsx
            • Botão.TSX
      Saber mais
    • Use o Cypress Studio para gerar testes ao clicar e gravar cada interação com seu aplicativo.Além disso, você pode usar nosso playground seletor interativo para gerar comandos para corresponder a qualquer elemento.

      Saber mais
    • Fora da caixa, o Cypress inclui tudo o que é necessário para configurar seu conjunto de testes.Passe menos tempo gerenciando motoristas e dependências e gaste mais tempo entregando código de qualidade.

      Ferramentas de teste E2E de código aberto e estrutura de teste da interface do usuário |cypress.io (3)

      Uma estrutura de teste tudo em um e biblioteca de asserção com zombaria e stubbing.

      Capturas de tela e vídeos

      Repórteres

      Biblioteca de afirmação

      Estrutura de teste JavaScript

      Saber mais

    ~/Documentos/Github/Design-System

    Autenticação.cy.ts

    Botão.TSX

    Botão.cy.tsx

    • sistema de design
      • ativos
        • cipreste
          • e2e
            • Autenticação.cy.ts
        • src
          • componentes
            • Botão.cy.tsx
            • Botão.TSX

      Ferramentas de teste E2E de código aberto e estrutura de teste da interface do usuário |cypress.io (4)

      Uma estrutura de teste tudo em um e biblioteca de asserção com zombaria e stubbing.

      Capturas de tela e vídeos

      Repórteres

      Biblioteca de afirmação

      Estrutura de teste JavaScript

      Depuração visual

      Debug falhas diretamente no navegador

      • Viagem no tempo para ver o comportamento do seu aplicativo durante a execução do teste passo a passo.Passe o mouse sobre os comandos para ver em quais elementos Cypress agiram e como seu aplicativo real respondeu usando o comportamento simulado do usuário.

        Saber mais
      • Assista comandos executados e seu aplicativo em teste lado a lado e em tempo real.Os testes são executados automaticamente em arquivo, exceto para um loop de feedback instantâneo, para que você possa direcionar o desenvolvimento com os testes.

        Saber mais
      • Nós seguimos o fluxo do ecossistema moderno.Continue usando as ferramentas de navegador interno que você conhece e ama enquanto seus testes são executados.Não há perda de fidelidade.

        Saber mais
      • Entenda por que algo falhou com instantâneos automáticos de DOM e vídeos de uma execução completa de especificações de teste.Essa visibilidade extra facilita a depuração no modo sem cabeça (localmente ou em pipelines de integração contínua) uma brisa.

        cy-heroes

        Saber mais
      • Encontre tudo o que você precisa em um só lugar.Os fluxos de trabalho no aplicativo alimentados pelo Cloud Insights para permitir que você gerencie localmente os testes de saúde e revisão do projeto, execução e depuração registrados no Cypress Cloud.

        cy-heroes

        Saber mais

      cy-heroes

      cy-heroes

      Resistência a flocos

      Eliminar testes escamosos com facilidade

      • Nunca adicione esperas arbitrárias ou dorme aos seus testes.O Cypress aguarda automaticamente os comandos e afirmações antes de seguir em frente.Como os comandos são executados em série, você pode escrever testes determinísticos e previsíveis.

        Saber mais
      • Enrolamos todas as consultas DOM com a lógica robusta de repetição e tempo.Quando um teste falha, imitamos um usuário real com tempos de espera integrados e várias tentativas de afirmar seus testes para minimizar falsos negativos / positivos.

        Saber mais
      • O CYPRESS reduz os resultados dos testes escamosos que geralmente estão presentes em outras estruturas de teste, isolando o estado de cada teste e limpando o estado do navegador antes do próximo teste e garantir resultados mais confiáveis.

        Auth

        Faça login como uma função de membro

        Página clara, cookies, sessões e armazenamento local

        Auth

        Faça login como uma função de administrador

        Página clara, cookies, sessões e armazenamento local

        Auth

        Faça login como uma função de proprietário

        Saber mais
      • O Cypress experimenta automaticamente testes com falha para mitigar os testes escamosos de falhar em execuções de teste inteiras ou compilações de IC.Quando combinado com a nuvem do Cypress, você poderá detectar, monitorar, priorizar e corrigir problemas de flocos.

        Saber mais
      • Nossa arquitetura não usa selênio ou webdriver.Construímos o cipreste desde o início para a estabilidade superior.A execução no mesmo loop de corrida que seu aplicativo nos permite controlar todo o processo de automação de cima para baixo.

        #102escamoso

        Auth

        Conecte-se

        Função do proprietário

        #104escamoso

        Auth

        Conecte-se

        Função do proprietário

        Saber mais

      Auth

      Faça login como uma função de membro

      Página clara, cookies, sessões e armazenamento local

      Auth

      Faça login como uma função de administrador

      Página clara, cookies, sessões e armazenamento local

      Auth

      Faça login como uma função de proprietário

      #102escamoso

      Auth

      Conecte-se

      Função do proprietário

      #104escamoso

      Auth

      Conecte-se

      Função do proprietário

      Amado porOSS, confiável porEmpreendimento

      A Cypress se orgulha de apoiar desenvolvedores em todo o mundo, facilitando a construção e o teste de aplicações modernas.

      5m +

      Downloads semanais

      45k+

      Estrelas do Github

      1m +

      Repositórios dependentes

      Whoa @cypress_io é tão impressionante e os testes de escrita são uma delícia surpreendente.

      Ferramentas de teste E2E de código aberto e estrutura de teste da interface do usuário |cypress.io (6)

      Pradeep Kumar Verma

      @Erpradeepevera

      Vá para Tweet

      Confira @CYPress_IO para obter #testing https://cypress.io

      Uma das ferramentas mais amigáveis, sem frescuras e de automação ricas em recursos em que trabalhei.Parabéns à equipe do Cypress por seu compromisso e dedicação.Mantenha o bom trabalho!

      Ferramentas de teste E2E de código aberto e estrutura de teste da interface do usuário |cypress.io (7)

      Stephen Callender

      @sjCallender

      Vá para Tweet

      Quem se destaca às sextas -feiras?Fazemos no @fosterCommerce.Por que?Porque @cypress_io.

      Quanto mais entro na minha carreira como desenvolvedor, mais aprecio os testes.Gosto de escrever testes, gosto de encontrar casos de borda com eles, gosto de verificar minhas correções de bugs executando -os, gosto de vê -los morar com o Cypress.Parece uma boa maneira de aprender e se sentir confiante.

      Incrível ver quanta ferramenta @cypress_io está oferecendo desenvolvedores.Hoje, passei pelo tutorial de cobertura do código E2E e foi tão fácil quanto poderia ser configurá -lo em um projeto de reação https://t.co/j95kpednk2

      Sério, fazer testes de componentes com @CYPress_IO é uma lufada de ar fresco.Sem zombeteiros da API do navegador, nada disso.Quer testar o intersectionObserver?Basta carregar o componente e usar o cipreste.Isso é tudo.

      .@Cypress_io é um software incrível.É de longe a mais engraçada e mais intuitiva estrutura de testes que já usei.

      Comecei a usar @cypress_io para testar

      É incrivelmente útil, não apenas para testar, mas como uma ajuda durante o desenvolvimento

      Não posso acreditar quanto tempo perdi digitando manualmente em dados para testar os formulários

      Aqui está, juntamente com uma espiada do novo fluxo de integração de @casas

      Ferramentas de teste E2E de código aberto e estrutura de teste da interface do usuário |cypress.io (13)

      Filip hric 🇸🇰❤️🇺🇦

      @Filip_Hric

      Vá para Tweet

      A popularidade do @CYPress_IO não é uma coincidência, o DX é amanteigado suave e parece familiarizado com o que os desenvolvedores de FE já funcionam:

      -O código de teste compila e é executado dentro do navegador

      -Testes de recarga a quente (re-executados em salvamento)

      -Depuração com o navegador Devtools

      -integrar -se ao IC

      -teste de componentes

      No mundo da automação de testes, #Cypress é uma beleza.@Cypress_io

      O teste de componente @CYPress_IO pode mudar como você cria aplicativos.

      E tem pouco a ver com "testes".Ele permite que você se desenvolva de dentro para fora.Isso facilita muito o foco enquanto codifica!

      Não posso dizer isso alto o suficiente.Experimente o teste de componentes do Cypress !!!

      #Wu #webdev

      @CYPress_IO Trabalho incrível no ver 10 e no teste de componentes.Apenas adore a maneira como você enfatiza o DX.Bem jogado.

      @Cypress_io super feliz com os grandes documentos do Cypress.Apenas começar com os testes e seus excelentes documentos e tutoriais em vídeo tornam -os muito menos intimidadores.#FrondendDeveloper #javascriptFrameworks #javascript #Unittesting #e2Etesting

      Hoje eu instalei e configurei os testes de componentes @cypress_io para #angular - incluindo #gitlab ci integração e vários testes - dentro de uma hora do meu dia de trabalho 🤯 Os documentos do Cypress estão em outro nível 👌🏻

      Aplicativos menores, é mais fácil construir componentes de fora.

      Página -> Tabela -> Linha -> Cell

      Aplicativos maiores, isso é péssimo e fica confuso!É por isso que o teste de componente @CYPress_IO é ótimo.Isso torna isso mais fácil ...

      célula -> linha -> tabela -> página

      Teste seu código, não sua paciência

      Instale o Cypress em segundos em Mac, Linux ou Windows e abraça o futuro de testar as aplicações modernas.

      Documentação

      Instalando o cipreste

      Confira nossos documentos abrangentes para obter detalhes sobre a instalação do Cypress.

      Aprenda a instalar o Cypress

      Aprenda o cipreste

      Adicione as habilidades de teste ao seu cinto de ferramentas com nossos cursos liderados por especialistas.

      Visite Cypress Aprenda

      Integrar -se ao IC

      O Cypress integra -se a todos os provedores de IC para registrar e otimizar suas execuções de teste.

      Adicione o cipreste ao seu fluxo de trabalho de IC

      Cypress Cloud

      Sobrecarga seu fluxo de trabalho com inteligência de teste, revisões visuais e muito mais.

      Explore a nuvem de Cypress

      Ferramentas de teste E2E de código aberto e estrutura de teste da interface do usuário |cypress.io (2024)

      References

      Top Articles
      Latest Posts
      Article information

      Author: Madonna Wisozk

      Last Updated:

      Views: 5601

      Rating: 4.8 / 5 (68 voted)

      Reviews: 91% of readers found this page helpful

      Author information

      Name: Madonna Wisozk

      Birthday: 2001-02-23

      Address: 656 Gerhold Summit, Sidneyberg, FL 78179-2512

      Phone: +6742282696652

      Job: Customer Banking Liaison

      Hobby: Flower arranging, Yo-yoing, Tai chi, Rowing, Macrame, Urban exploration, Knife making

      Introduction: My name is Madonna Wisozk, I am a attractive, healthy, thoughtful, faithful, open, vivacious, zany person who loves writing and wants to share my knowledge and understanding with you.