Join Free Webinar: Metrics Magic: Boost software quality with data-driven insights!Register Now Join TestMu Conference

How to use fetchCurrentUser method in Jest

Best JavaScript code snippet using jest

Source:login.js

...47    logInEmailBackend(data, playerId)48      .then((response) => {49        if (!response.error) {50          let data = response.payload.data51          fetchCurrentUser()52          AsyncStorage.setItem('session',53            JSON.stringify({ email: data.email, access_token: data.access_token, player_id: playerId }))54          hideModal()55        }56      })57  };58  handleFacebookLogin(data) {59    const { logInFacebookBackend, fetchCurrentUser, hideModal, playerId } = this.props60    logInFacebookBackend(data, playerId)61      .then((response) => {62        if (!response.error) {63          let data = response.payload.data64          fetchCurrentUser()65          AsyncStorage.setItem('session',66            JSON.stringify({ email: data.email, access_token: data.access_token, player_id: playerId }))67          hideModal()68        }69      })70  }71  render() {72    const { errors, isFetching, isOauth, showModal, layout } = this.props73    return (74      <View style={styles(layout).view}>75        <LoginEmail76          isOauth={isOauth}77          isFetching={isFetching}78          layout={layout}...

App.jsx

Source:App.jsx

...14    currentUser: null15  }1617  componentDidMount = () => {18    this.fetchCurrentUser()19  }20  fetchCurrentUser = () => {21    axios22      .get('/api/v1/users/get_current_user.json')23      .then(response => {24        let currentUser = response.data.currentUser || null25        this.setCurrentUser(currentUser)26      })27      .catch(error => console.log(error.response.data))28  }2930  setCurrentUser = (currentUser) => {31    this.setState({ currentUser })32  }
...

auth-reducer.js

Source:auth-reducer.js

1import { createReducer, combineReducers } from '@reduxjs/toolkit';2import authOperations from './auth-operations';3const userData = createReducer(4  {},5  {6    [authOperations.register.fulfilled]: (_, { payload }) => payload.user,7    [authOperations.logIn.fulfilled]: (_, { payload }) => payload.user,8    [authOperations.fetchCurrentUser.fulfilled]: (_, { payload }) => payload,9    [authOperations.register.rejected]: () => ({}),10    [authOperations.logIn.rejected]: () => ({}),11    [authOperations.fetchCurrentUser.rejected]: () => ({}),12    [authOperations.logOut.fulfilled]: () => ({}),13  }14);15const token = createReducer('', {16  [authOperations.register.fulfilled]: (_, { payload }) => payload.token,17  [authOperations.logIn.fulfilled]: (_, { payload }) => payload.token,18  [authOperations.register.rejected]: () => '',19  [authOperations.logIn.rejected]: () => '',20  [authOperations.logOut.fulfilled]: () => '',21  [authOperations.fetchCurrentUser.rejected]: () => '',22});23const isLogIn = createReducer(false, {24  [authOperations.register.fulfilled]: () => true,25  [authOperations.logIn.fulfilled]: () => true,26  [authOperations.fetchCurrentUser.fulfilled]: () => true,27  [authOperations.register.pending]: () => false,28  [authOperations.logIn.pending]: () => false,29  [authOperations.fetchCurrentUser.pending]: () => false,30  [authOperations.register.rejected]: () => false,31  [authOperations.logIn.rejected]: () => false,32  [authOperations.fetchCurrentUser.rejected]: () => false,33  [authOperations.logOut.fulfilled]: () => false,34});35const isFetchingUser = createReducer(false, {36  [authOperations.fetchCurrentUser.pending]: () => true,37  [authOperations.fetchCurrentUser.rejected]: () => false,38  [authOperations.fetchCurrentUser.fulfilled]: () => false,39});40export default combineReducers({41  userData,42  token,43  isLogIn,44  isFetchingUser,...

fetch_current_user.test.js

Source:fetch_current_user.test.js

...5  const $ = require('jquery');6  const fetchCurrentUser = require('../fetchCurrentUser');7  // Call into the function we want to test8  const dummyCallback = () => {};9  fetchCurrentUser(dummyCallback);10  // Now make sure that $.ajax was properly called during the previous11  // 2 lines12  expect($.ajax).toBeCalledWith({13    success: expect.any(Function),14    type: 'GET',15    url: 'http://example.com/currentUser',16  });17});18it('calls the callback when $.ajax requests are finished', () => {19  const $ = require('jquery');20  const fetchCurrentUser = require('../fetchCurrentUser');21  // Create a mock function for our callback22  const callback = jest.fn();23  fetchCurrentUser(callback);24  // Now we emulate the process by which `$.ajax` would execute its own25  // callback26  $.ajax.mock.calls[0 /*first call*/][0 /*first argument*/].success({27    firstName: 'Bobby',28    lastName: 'Marley',29  });30  // And finally we assert that this emulated call by `$.ajax` incurred a31  // call back into the mock function we provided as a callback32  expect(callback.mock.calls[0 /*first call*/][0 /*first arg*/]).toEqual({33    fullName: 'Bobby Marley',34    loggedIn: true,35  });...

router.js

Source:router.js

...16    const { logInFromStorage, fetchCurrentUser, session, playerId } = this.props;17    logInFromStorage(session, playerId)18      .then((response) => {19        if (!response.error) {20          fetchCurrentUser()21        }22      })23  }24  render() {25    const { isAuthenticated, playerId } = this.props26    return (27      <Root28        isAuthenticated={isAuthenticated}29        playerId={playerId}30      />31    )32  }33}34const mapStateToProps = (state) => {...

display_user.test.js

Source:display_user.test.js

1// Copyright 2004-present Facebook. All Rights Reserved.2/* global document */3'use strict';4jest.mock('../fetchCurrentUser.js');5it('displays a user after a click', () => {6  // Set up our document body7  document.body.innerHTML =8    '<div>' +9    '  <span id="username" />' +10    '  <button id="button" />' +11    '</div>';12  // This module has a side-effect13  require('../displayUser');14  const $ = require('jquery');15  const fetchCurrentUser = require('../fetchCurrentUser');16  // Tell the fetchCurrentUser mock function to automatically invoke17  // its callback with some data18  fetchCurrentUser.mockImplementation(cb => {19    cb({20      fullName: 'Johnny Cash',21      loggedIn: true,22    });23  });24  // Use jquery to emulate a click on our button25  $('#button').click();26  // Assert that the fetchCurrentUser function was called, and that the27  // #username span's inner text was updated as we'd expect it to.28  expect(fetchCurrentUser).toBeCalled();29  expect($('#username').text()).toEqual('Johnny Cash - Logged In');...

fetchCurrentUser-test.js

Source:fetchCurrentUser-test.js

...4	it('calls into ajax with correct param', function() {5		var $ = require('jquery'),6		    fetchCurrentUser = require('../components/fetchCurrentUser.js');7		function dummyCallback () {}8		fetchCurrentUser(dummyCallback);9		expect($.ajax).toBeCalledWith({10			type: 'GET',11	        url: 'http://example.com/currentUser',12	        success: jasmine.any(Function)13		});14	});15	it('should call callback correctly', function(){16		var $                = require('jquery'),17		    fetchCurrentUser = require('../components/fetchCurrentUser.js');18		    callback         = jest.genMockFunction();19		fetchCurrentUser(callback);20		$.ajax.mock.calls[0][0].success({21			lastName: 'Chang',22			firstName: 'Howard'23		});24		expect(callback.mock.calls[0][0]).toEqual({25			loggedIn: true,26			fullName: 'Howard Chang'27		});28	});...

displayUser.js

Source:displayUser.js

1// Copyright 2004-present Facebook. All Rights Reserved.2const $ = require('jquery');3const fetchCurrentUser = require('./fetchCurrentUser.js');4$('#button').click(() => {5  fetchCurrentUser(user => {6    const loggedText = 'Logged ' + (user.loggedIn ? 'In' : 'Out');7    $('#username').text(user.fullName + ' - ' + loggedText);8  });...

Blogs

Check out the latest blogs from LambdaTest on this topic:

30 Top Automation Testing Tools In 2022

The sky’s the limit (and even beyond that) when you want to run test automation. Technology has developed so much that you can reduce time and stay more productive than you used to 10 years ago. You needn’t put up with the limitations brought to you by Selenium if that’s your go-to automation testing tool. Instead, you can pick from various test automation frameworks and tools to write effective test cases and run them successfully.

A Practical Guide to Testing React Applications [React Testing Tutorial]

React is one of the most popular JavaScript libraries in use today. With its declarative style and emphasis on composition, React has transformed how we build modern web applications.However, as your application grows in size and complexity, you will want to write tests to avoid any future bugs. Moreover, building large-scale applications with React requires careful planning and organization to avoid some common pitfalls.

Jest Testing Tutorial: A Complete Guide With Examples

This article is a part of our Content Hub. For more in-depth resources, check out our content hub on Selenium JavaScript Tutorial.

In terms of popularity, nothing beats JavaScript. It is easy and has got a huge following. Moreover, there are tons of JavaScript libraries and frameworks that one can choose from. Also, with popularity comes good support. If your JS code is faulty, you do not have to worry as a big part of the world codes in JS and you’ll find lots of people online on StackOverflow or any other website willing to help you.

13 Best JavaScript Frameworks For 2020

According to stackoverflow’s developer survey 2020, JavaScript is the most commonly used language for the 8th year straight with 67.7% people opting for it. The major reason for its popularity is the fact that JavaScript is versatile and can be used for both frontend and backend development as well as for testing websites or web applications as well.

Jest Testing Tutorial

LambdaTest’s Jest Testing Tutorial covers step-by-step guides around Jest with code examples to help you be proficient with the Jest framework. The Jest tutorial has chapters to help you learn right from the basics of Jest framework to code-based tutorials around testing react apps with Jest, perform snapshot testing, import ES modules and more.

Chapters

What is Jest Framework
Advantages of Jest - Jest has 3,898,000 GitHub repositories, as mentioned on its official website. Learn what makes Jest special and why Jest has gained popularity among the testing and developer community.
Jest Installation - All the prerequisites and set up steps needed to help you start Jest automation testing.
Using Jest with NodeJS Project - Learn how to leverage Jest framework to automate testing using a NodeJS Project.
Writing First Test for Jest Framework - Get started with code-based tutorial to help you write and execute your first Jest framework testing script.
Jest Vocabulary - Learn the industry renowned and official jargons of the Jest framework by digging deep into the Jest vocabulary.
Unit Testing with Jest - Step-by-step tutorial to help you execute unit testing with Jest framework.
Jest Basics - Learn about the most pivotal and basic features which makes Jest special.
Jest Parameterized Tests - Avoid code duplication and fasten automation testing with Jest using parameterized tests. Parameterization allows you to trigger the same test scenario over different test configurations by incorporating parameters.
Jest Matchers - Enforce assertions better with the help of matchers. Matchers help you compare the actual output with the expected one. Here is an example to see if the object is acquired from the correct class or not. -

|it('check_object_of_Car', () => { expect(newCar()).toBeInstanceOf(Car); });| | :- |

Jest Hooks: Setup and Teardown - Learn how to set up conditions which needs to be followed by the test execution and incorporate a tear down function to free resources after the execution is complete.
Jest Code Coverage - Unsure there is no code left unchecked in your application. Jest gives a specific flag called --coverage to help you generate code coverage.
HTML Report Generation - Learn how to create a comprehensive HTML report based on your Jest test execution.
Testing React app using Jest Framework - Learn how to test your react web-application with Jest framework in this detailed Jest tutorial.
Test using LambdaTest cloud Selenium Grid - Run your Jest testing script over LambdaTest cloud-based platform and leverage parallel testing to help trim down your test execution time.
Snapshot Testing for React Front Ends - Capture screenshots of your react based web-application and compare them automatically for visual anomalies with the help of Jest tutorial.
Bonus: Import ES modules with Jest - ES modules are also known as ECMAScript modules. Learn how to best use them by importing in your Jest testing scripts.
Jest vs Mocha vs Jasmine - Learn the key differences between the most popular JavaScript-based testing frameworks i.e. Jest, Mocha, and Jasmine.
Jest FAQs(Frequently Asked Questions) - Explore the most commonly asked questions around Jest framework, with their answers.