Necesito probar si el botón Eliminar está presente. La estructura de los archivos es la siguiente:

//a.js

 import b from './b'; const xyz = props => { const {var1, var2, func1, func2} = b(props); return( <Button buttonType='primary'onClick={func1}>Add</Button> { var2.length > 0 && <Button buttonType='negative' onClick={func2}>Remove</Button> }) } export default xyz;

//b.js

 const b= (props) => { const { data } = props; let [var1, setVar1] = useState(initialState); let [var2, setVar2] = useState([]); const func1 = async () => { //some data } const func2 = async () => { //some data } return { var1, var2, func1, func2} } export default b;

//a.spec.js

 import xyz from './a'; import { render, fireEvent } from '@testing-library/react'; //I am trying to get delete button in this test case but it is failing because I couldn't mock the b file properly. it('should display Delete button', () => { const { getByRole } = render(<xyz sdk={mockSk.app}/>); expect(getByRole('button', { name: 'Delete' })).toBeInTheDocument(); });

No estoy seguro de cómo simular el archivo b para poder tener un valor ficticio en var2 a cambio. cumplirá la condición en a.js para mostrar el botón Eliminar. las cosas que he probado en las suites de prueba son:

 const mockDeleteData = { data: [{ userId: 1, id: 1, title: 'My First Album' }] } let mockSk = { app: { onConfigure: jest.fn(), getParameters: jest.fn().mockReturnValueOnce({}), setReady: jest.fn(), getCurrentState: jest.fn() } };

it('debería mostrar el botón Eliminar', () => {

 1) jest.mock('./b'); //trying to mock b file but not sure how to assign dummy value to var2 //2) jest.spyOn(b, 'b.func1'); // trying random things to see if it is working. 3) b.mockResolvedValue({ // just checking if it returning this but it return undefined data: [ { userId: 1, id: 1, title: 'My First Album' }, { userId: 1, id: 2, title: 'Album: The Sequel' } ] }); 4) b.default.var2 = mockDeleteData; // returns undefined instead of mockdata 5)const b= require('./b'); const handleClick = jest.spyOn(b, 'func1'); handleClick.mockReturnValue(mockDeleteData); const { getByRole } = render(<xyz sdk={mockSk.app} />); expect(getByRole('button', { name: 'Delete' })).toBeInTheDocument(); });