victorbr988 / jogo-de-trivia

Um jogo de perguntas e respostas feito com React.js para treinar seus conhecimentos gerais e seu Inglês

Bem vindo ao jogo de Trivia

Este projeto foi desenvolvido em grupo por mim e mais 3 pessoas

Integrantes do grupo

1. Samuel dos Reis
2. Matheus Araujo
3. Ronan Ferreira

Código da trybe:

Caminho: mock/questions.js

Dentro da pasta helpers, possui um arquivo chamado renderWithRouterAndRedux.js

  import React from 'react';
  import { render } from '@testing-library/react';
  import { Router } from 'react-router-dom';
  import { createMemoryHistory } from 'history';
  import { Provider } from 'react-redux';
  import { legacy_createStore as createStore, applyMiddleware } from 'redux';
  import thunk from 'redux-thunk';
  import reducer from '../redux/reducers';
  
  export const renderWithRouterAndRedux = (component, initialState, route = '/') => {
    const store = createStore(reducer, initialState, applyMiddleware(thunk));
    const history = createMemoryHistory({ initialEntries: [route] });
  
    return {
      ...render(
        <Provider store={ store }>
          <Router history={ history }>
            {component}
          </Router>
        </Provider>,
      ),
      history,
      store,
    };
  };
  
  export default renderWithRouterAndRedux;

Desenvolvido por mim

Arquivos de minha autoria

1. Feedback.js
2. Ranking.js
3. Settings.js

Dentro do arquivo Game.js criei a lógica onde é renderizado um contador

  updateState =(click) => {
    const { timer, interval } = this.state;
    if (timer > 0 && click === undefined) {
      return this.setState((prevState) => ({
        timer: prevState.timer - 1,
      }));
    }
    clearInterval(interval);
    this.setState({
      buttonDisable: true,
    });
  }

  resetState = () => {
    this.setState({
      timer: 30,
    });
    this.setTimeOut();
  }

  setTimeOut = () => {
    const TIMER = 1000;
    const interval = setInterval(() => {
      this.setState({ interval });
      this.updateState();
    }, TIMER);
  }

Arqivos de testes de minha autoria

1. Feedback.test.js