michelts

/* ===========================================================
 * bootstrap-datepicker.js v1.3.0
 * http://twitter.github.com/bootstrap/javascript.html#datepicker
 * ===========================================================
 * Copyright 2011 Twitter, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *

michelts

import React from 'react';
import { useGlobal } from 'reactn';
import Card from './Card'

const Cards = () => {
  const [cards, setCards] = useGlobal('cards');
  return (
    <div>
      {cards.map(card => (
        <Card key={card} card={card} />))}

michelts

exports[`should render a Card component for each global state card 1`] = `
<div>
  <Card card="Q" key="Q" />
  <Card card="J" key="J" />
  <Card card="K" key="K" />
  <Card card="A" key="A" />
  <Card card="2" key="2" />
</div>
`;

michelts

import React from 'react';
import { useGlobal } from 'reactn';
import { getRandomCard } from './utils';
import Card from './card';

const Cards = () => {
  const [cards, setCards] = useGlobal('cards');
  return (
    <div>
      {cards.map(card => (

michelts

it('Cards component, supposing that uses redux', () => {
  const props = StoreFactory({ ...customConditions });
  const wrapper = shallow(<Cards {...props} />);
  expect(wrapper).toMatchSnapshot();
  expect(wrapper.find(something)).toEqual(whatImExpecting);
});

michelts

import React from 'react';
import { shallow } from 'enzyme';
import { useGlobal } from 'reactn';
import Cards from './cards';

jest.mock('reactn');

it('should render a Card component for each global state card', () => {
  const cards = ['Q', 'J', 'K', 'A', '2'];
  useGlobal.mockReturnValueOnce([cards]);

michelts

it('should ask a new Card when click the button', () => {
  const cards = [];
  const setCards = jest.fn();
  useGlobal.mockReturnValueOnce([cards, setCards]);

  const wrapper = shallow(<Cards />);
  wrapper.find('button').simulate('click');
  expect(getRandomCard).toHaveBeenCalledWith(cards);
  expect(setCards).toHaveBeenCalledWith(getRandomCard.mock.results[0].value);
});

michelts

export const useGlobal = jest.fn();

michelts

const [global, setGlobal] = useGlobal();

useGlobal.mockReturnValueOnce([mockedGlobal, jest.fn()]);

const reducerFunc = useGlobal('someReducerFunc');

useGlobal.mockReturnValueOnce(mockedReducerFunc);

michelts

const [global, useGlobal] = useGlobal();
useGlobal.mockReturnValueOnce([mockedGlobal, mockedUseGlobal]);

const reducerFunc = useGlobal('someReducerFunc');
useGlobal.mockReturnValueOnce(mockedReducerFunc);