Skip to content

Latest commit

 

History

History
62 lines (43 loc) · 1.65 KB

README.md

File metadata and controls

62 lines (43 loc) · 1.65 KB
Raw

Svelte + Tailwind + TypeScript + Vite + Jest

This is a template to quickly get started with a Svelte project.

Installation

Prerequisites

  • Download the latest version of Node and NPM.

Startup

npm install
npm run dev
# then visit http://localhost:3000/

Tech

Structure and Content

  • ./components: App UI, written in Svelte.
  • ./entry: CSS + JavaScript entry files.
  • ./stores: Reactive Svelte stores used by the UI. Stores are similar to Models in design and primarily used for shared state between components.
  • ./types: Global types for the app.

Testing

Tests are written with Svelte Testing Library and Jest. All tests live next to the file they're tested. ie. Component tests are within ./components while Store tests are within ./stores.

Run npm run test for the Jest watcher.

Test setup

Most tests need the following boilerplate:

// Component Test
import '@testing-library/jest-dom';
import { render, fireEvent } from '@testing-library/svelte';
import Component from './Component.svelte';
// Store Test
import { get } from 'svelte/store';
import { store } from './store';

afterEach(() => {
  store.reset();
});

https://github.com/rob-balfre/svelte-select https://github.com/isaacHagoel/svelte-dnd-action