janhesters

import React from 'react';
import { describe } from 'riteway';
import render from 'riteway/render-component.js';

import HomePage from './home-page-component.js';

const createProps = ({ count = 0 } = {}) => ({ count });

describe('HomePage component', async assert => {
  const createHomePage = (props = {}) => render(<HomePage {...props} />);

janhesters

import React, { Fragment } from 'react';

function HomePage() {
  return <Fragment></Fragment>
}

export default HomePage;

janhesters

"format": "echo 'Linting ...' && npm run -s lint --fix && echo 'Lint complete.'",
"lint": "eslint --ignore-path .gitignore .",
"test": "NODE_ENV=test riteway -r @babel/register 'src/**/*.test.js'",
"watch": "watch 'clear && npm run -s test | tap-nirvana && npm run -s format' src"

janhesters

{
  "env": {
    "test": {
      "plugins": [
        [
          "module-resolver",
          {
            "root": [
              "."
            ],

janhesters

{
  "arrowParens": "avoid",
  "bracketSpacing": true,
  "htmlWhitespaceSensitivity": "css",
  "insertPragma": false,
  "jsxBracketSameLine": false,
  "jsxSingleQuote": false,
  "printWidth": 80,
  "proseWrap": "always",
  "quoteProps": "as-needed",

janhesters

{
  "env": {
      "browser": true,
      "commonjs": true,
      "es6": true,
      "node": true
  },
  "extends": [
      "eslint:recommended",
      "plugin:react/recommended",

janhesters

{
  "compilerOptions": {
    "baseUrl": "./src"
  }
}

janhesters

// root-reducer.js
const rootReducer = combineReducers({ /* ... */ });

const rootState = rootReducer(undefined, {});

export { rootReducer, rootState };

// in counter-reducer.test.js
import { rootReducer, rootState } from 'redux/root-reducer.js';
import { setOffset } from 'features/offset/offset-reducer.js';

janhesters

{
  const summand = 1;
  const state = createPopulatedState();

  assert({
    given: 'state with a count and an increment by action',
    should: 'increment the count by the payload',
    actual: reducer(state, incrementBy(summand)),
    expected: createPopulatedState({ count: 42 /* , ... rest untouched */ }),
  });

janhesters

// 👇 Avoid exporting your initial state 🚫
export const initialState = {
  wrongKey: 'foo',
  correctKey: 'wrong value'
  /* missing keys ... */
};

assert({
  given: 'no arguments',
  should: 'return the valid initial state',