This repo is aimed at front-end developers to use as a reference for how to set up and build a project with ATDD, simple build pipelines, code quality metrics, etc. The current Solid.js implementation is just an incidental detail (I wanted to poke around with it anyway). The core idea is that the underlying UI should be replaceable without changing a single test.
flowchart TD
CypressTestRunner["Cypress Test Runner <br><small>npm/cypress</small>"]
GherkinFeatureFiles["Gherkin Feature Files <br><small>cypress/integration/*.feature</small>"]
CypressCucumberInterpretor["Cypress Cucumber Interpretor <br><small>npm/cypress-cucumber-preprocessor</small>"]
StepDefinitions["Step Definitions <br><small>cypress/integration/common/step-definitions.js</small>"]
CypressTestingLibrary["Cypress Testing Library <br><small>npm/@testing-library/cypress</small>"]
UI["UI"]
CypressTestRunner -- uses --> CypressCucumberInterpretor
CypressCucumberInterpretor -- loads --> GherkinFeatureFiles
GherkinFeatureFiles -- uses --> StepDefinitions
StepDefinitions -- uses --> CypressTestingLibrary
CypressTestingLibrary -- references --> UI
- Copy the
.env.examplefile - Rename the copied file to
.env - Update the variables as necessary
- Run:
npm install
Runs the app in the development mode, and also runs the e2e tests in watch mode. Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
Opens the Cypress launchpad for testing
Runs the Cypress e2e tests in headless mode
Runs the Cypress e2e tests in headless mode while watching for file changes
Builds the app for production to the dist folder.
It correctly bundles Solid in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
This repo is currently set up to use GitHub Pages for simple hosting (see: .github/workflows/main.yml)