janhesters

import { describe } from 'vitest';

import { assert } from './riteway';

describe('assert.only', () => {
  assert({
    given: 'this is a failing test',
    should: 'be skipped because another test is here with .only',
    actual: true,
    expected: false,

janhesters

name: Pull Request

on: [pull_request]
  
jobs:
  unit-and-integration:
    strategy:
      fail-fast: false
      matrix:
        command:

janhesters

import { describe } from 'riteway';

import fn from './mock-fn.js';

describe('fn - the mock function', async assert => {
  const mockedFn = fn((a, b) => a + b);

  assert({
    given: 'calling a mocked function',
    should: 'should return the correct result',

janhesters

function fn(implementation = () => {}) {
  const mockFn = (...args) => {
    mockFn.calls.push(args);
    return implementation(...args);
  };

  mockFn.calls = [];
  return mockFn;
}

janhesters

Tool	Pros	Cons
RITEway	- runs the fastest (basically instant after Babel compiled) - good for pure components (map props to JSX) - good for other unit tests (reducers, sag

janhesters

import React, { useState } from 'react';

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

function HomePage() {
  const [count, setCount] = useState(0);

  function handleIncrementClick() {
    setCount(c => c + 1);
  }

janhesters

import { fireEvent, render } from '@testing-library/react';
import { describe } from 'riteway';

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

describe('HomePage container', async assert => {
  const { getByText, getByTestId } = render(<HomePage />);

  fireEvent.click(getByText(/increment/i));

janhesters

import React from 'react';

const HomePage = ({ count, onIncrementClick = () => {} }) => (
  <main>
    <p className="count" data-testid="count">
      {count}
    </p>
    <button className="increment-button" onClick={onIncrementClick}>
      Increment
    </button>

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;