CodeNewbie Community 🌱

Discussion on: How should I test the closing of a popup menu?

Collapse
 
asy13 profile image
ASY13

I’m facing a similar issue but slightly different not too sure how testing works, Regardless thanks for being brave enough to post your code and hope someone is able to jump in and help.

Collapse
 
timrohrer profile image
Tim Rohrer

Hey--

I did end up getting a test working, but as I recall I also revamped the approach for the component. If you think it will be of help to you, I'll update the sandbox?

Or, if you've got one of your own I'd be willing to take a look at it.

Collapse
 
asy13 profile image
ASY13

That would be so helpful thanks!

Thread Thread
 
asy13 profile image
ASY13

I’m trying to simply test that a row is being added into a dynamic table ( I have 11 elements in a JSON already so the 12 signifies a brand new row )

});
test('adds a row on click', () => {
render();
const clickBtn = screen.getByTestId(12);
fireEvent.click(clickBtn);
expect(clickBtn.textContent).toBe(12);

});
But not sure how to format the test 🥹

Thread Thread
 
timrohrer profile image
Tim Rohrer

I’m not experienced enough to look at a single block of code and be able to judge a good approach to a test. If you assemble a working example at CodeSandbox, I might be able to play around with a fork and see what works. That would also help a reader see the error being generated.

I started to write some other thoughts, but realized they were based on assumptions about your situation that simply couldn’t be substantiated yet :-)

Please put together a sandbox.