How to debug jest test cases(React)? – User friendly Tech help

ByMatteo

Adding test cases to your code always helps in the long run, today we’re going to talk about how to debug test cases.

n

n

Do something today that your future self will thank you for

n

n

    n

  1. Using our all-time favorite Console.logn 
     it('should call touch & asyncValidate methods', () => {n      const component = shallow(n        ,n      );nn      const mockFunction = jest.fn();n      console.log(mockFunction);n      component.instance().touchAndAsyncValidate('test', '1');nn      expect(mockFunction).toBeCalledWith('test');n    });

    n

    Using the debug() method of the wrapper with console.log

    n

    const component = shallow();nconsole.log(component.debug());

    2. n

  2. Using the Jest recommend way by using noden
      n

    1. n
        n

      1. Add debugger; where we want to break our test case

        2. n

      2. Run the command in terminaln 
        node --inspect-brk node_modules/.bin/jest --runInBand

        n

        Debugger listening on ws://127.0.0.1:9229/c5ce34bb-64f3-4a59-8246-e21168ba8e26nFor help see https://nodejs.org/en/docs/inspector

        3. n

      3. Open the link in chrome chrome://inspect

        4. n

      4. Click on Open Dedicated DevTools for Node

        5. n

      5. Our script will break at the debugger

        6. n

      n

      2. n

    n

    n

    3. n

Was this article helpful?
YesNo

Similar Posts

Various methodologies to Kill running Process in Task Manager. – User friendly Tech help

ByMatteo

Approach 1:- Without using UFT and we will simply create a .VBS file on the system and Run it. n ‘*******************************************Sub***************************************************’Function Name:- fn_KillMe’Function Description:- Kills the Given process using Run Command’Input Parameters:- sProcess,(Process Name)’Output Parameters:- Process Killed Message”**************************************************************************************************msgbox fn_KillMe(“Notepad.exe”)Public Function fn_KillMe(sProcess) On Error Resume Next Dim objShell,sStatus ‘Creating WSH object Set objShell = CreateObject(“WScript.Shell”) ‘Executing…

How to call Javascript/VBS functions in Robot Framework. – User friendly Tech help

ByMatteo

Scenario:-How we can call javascript/vbs functions in Robot Framework?nSolution:- nVBS:-nUsing the python function to call the VBS file. n Download the working code. n Javascript:-nUsing the inbuilt Keyword in Selenium2Lib called as “Execute Javascript“. nn Learn Robot Frameworkn MatteoWas this article helpful?YesNo

All about Locators in Selenium – User friendly Tech help

ByMatteo

Locators in Selenium?nWhen we created our first IDE script, we found that Editor comes with the tabular structure with 3 columns namely Command, Target and Value.nThis structure is used by selenium core to simulate user actions on the application under test(AUT).Just a reminder of things again we have :-nnCommand:Is our action on the AUT like…

Creating a salesforce lightning web component in visual studio code – User friendly Tech help

ByMatteo

import { LightningElement, track } from ‘lwc’;nnexport default class HelloLWC extends LightningElement {n //default valuesn @track typedValue = ”;n salutationOptions = [n {‘label’: ‘None’, ‘value’: ‘None’},n {‘label’: ‘Mr.’, ‘value’: ‘Mr.’},n {‘label’: ‘Ms.’, ‘value’: ‘Ms.’},n {‘label’: ‘Mrs.’, ‘value’: ‘Mrs.’},n {‘label’: ‘Dr.’, ‘value’: ‘Dr.’},n {‘label’: ‘Prof.’, ‘value’: ‘Prof.’},n ];nn //method on click of buttonn handleClick(){n const txtInput…

Answer List for HPUFT Questions (Part-1):- – User friendly Tech help

ByMatteo

1. 256 columnsn2. We can’t save local OR it is saved by default .n3. Please refer the below :- n n .QFL (Quick Test Function Library) n .QRS(Quick Test Recovery Scenario) n .TSR(Test Script Repository) , Friends we used to refer this as Test Shared Repository, but after clarification from HP Training team we got…