styleguidist/react-styleguidist

End-to-end tests with Cypress

Open

#776 ouverte le 13 janv. 2018

Voir sur GitHub
 (11 commentaires) (0 réactions) (0 assignés)TypeScript (1 416 forks)github user discovery
good first issuehelp wantedtechnical debt

Métriques du dépôt

Stars
 (11 091 stars)
Métriques de merge PR
 (Métriques PR en attente)

Description

Right now we only have unit test and very simple test that check bundles for JS errors in headless Chrome. But we don’t know that Styleguidist is actually usable.

Cypress seems like a good choice.

  • Setup Cypress
  • Write first test
  • Move cypress folder to test folder
  • Write more tests:
    • Open a component in isolated mode (should show 1 component), go back (show show all components again)
    • Open an example in isolated mode (should show 1 example of 1 component), go back (show show all components with all examples again)
    • Click on a component in the sidebar should scroll to this component
    • Typing in the search field in the sidebar should filter components in the table of contents (same for sections names)

Guide contributeur

Direction de recherche
Étudiez la configuration Cypress existante et la structure du dossier de test. Ensuite, implémentez chaque cas de test comme décrit dans les cases à cocher.
Stack technique
typescriptreactcypress
Domaine
testingdeveloper experienceweb dev
Type d'issue
Test
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
GitJavaScriptReact
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70