import { reactive } from "vue";

function useCounter() {
  const state = reactive({
    count: 0,
  });
  const increment = () => {
    state.count++;
  };
  return {
    state,
    increment,
  };
}

export default useCounter;

import { renderCustomComposition } from "test-vue-composition-utils";

import useCounter from "./useCounter";

test("should increment counter", () => {
  const { result } = renderCustomComposition(() => useCounter());
  const { state, increment } = result.current;

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