Profile
Back to NewsBack
GitHub Trending 3 min
Reader Mode
bahmutov/cypress-examples: Static site with Cypress examples tested right from the Markdown sources

bahmutov/cypress-examples: Static site with Cypress examples tested right from the Markdown sources

10 hours ago
GitHub Trending

@bahmutov/cypress-examples cypress-examples</a>

[![ci status][ci image]][ci url] [![prettier status][prettier image]][prettier url] [![deployed status][deployed image]][deployed url] scrape</a> [![renovate-app badge][renovate-badge]][renovate-app] !cypress version

Static site with Cypress examples tested right from the Markdown sources

Live site glebbahmutov.com/cypress-examples/

Benefits

  • single source of truth for tests and HTML pages. No more copy / pasting
- Cypress runs tests using Markdown source files via cypress-markdown-preprocessor and cypress-fiddle
  • great development experience with live reload and optimized static build thanks to [Vuepress][vuepress] and Prettier formatting
  • excellent text and code comment search thanks to Algolia
- Scrape Static Site with Algolia blog post - scrape happens after deploying the docs to GitHub Pages in .github/workflows/deployed.yml workflow
  • recipes that are not included in the NPM package but deployed to the static pages

Blog posts

The following blog posts explain how I write Cypress demo tests using Markdown in this repository

You can see the cypress.config.js and plugins.js to learn how cypress-markdown-preprocessor is set tup.

Notes

  • use "function" syntax in Chat with me