Epinio.io website

This website is built using Hugo and the Hugo Material theme.

Quick Start (Node.js)

1. Install dependencies:

   npm install

2. Start the development server:

   npm run serve

   This will start a local server at http://localhost:1313 and watch for changes.

3. Build the site for production (minified static files):

   npm run build

   This will generate a minified static site in the public directory.

4. Serve the built static site locally:

   npm run build:serve

   This will serve the contents of the public directory at http://localhost:3000 (default port).

Development

Prerequisites

• Install Hugo
• Install Node.js (for building the theme)

Developing

To develop locally, run the following command:

hugo server

This will start a local server at http://localhost:1313 and watch for changes in the content and theme files.

Building

To build the website for production, run the following command:

hugo

This will generate the static files in the public directory. You can then commit the contents of the public directory.

Testing

To run all tests (including screenshot comparison):

npm test

Snapshots are stored in test/__image_snapshots__ next to the test files. If the homepage changes visually, update the snapshots and review the diffs in test/__image_snapshots__/__diff_output__.

Visual Regression Testing (Screenshots)

This project uses jest-image-snapshot and Puppeteer for visual regression testing of the homepage. Screenshots are generated when tests complete successfully and functionality is verified (the changes are confirmed).

To update/generate new screenshot snapshots:

npm run test:snap