import { createSignal } from 'solid-js';

export const createCounter = () => {
  const [count, setCount] = createSignal(0);
  const increment = () => setCount((prev) => prev + 1);
  return { count, increment };
};

import { renderPrimitive } from 'solid-primitive-test-util';
import { createCounter } from './counter';

test('should increment count', () => {
  const { result } = renderPrimitive(() => createCounter());

  expect(result.count()).toBe(0);
  result.increment();
  expect(result.count()).toBe(1);
});

import { createSignal, createContext, useContext } from 'solid-js';

const CounterStepContext = createContext(1);

export const CounterStepProvider = (props) => (
  <CounterStepContext.Provider value={props.step}>{props.children}</CounterStepContext.Provider>
);

export const createCounter = (initialValue = 0) => {
  const [count, setCount] = createSignal(initialValue);
  const step = useContext(CounterStepContext);
  const increment = () => setCount((prev) => prev + step);
  return { count, increment };
};

import { renderPrimitive } from 'solid-primitive-test-util';
import { CounterStepProvider, creatCounter } from './counter';

test('should use custom step when incrementing', () => {
  const wrapper = (props) => <CounterStepProvider step={2}>{props.children}</CounterStepProvider>;
  const { result } = renderHook(() => creatCounter(), { wrapper });
  result.increment();
  expect(result.count()).toBe(2);
});