JS - React Calculator Tests

I have completed the Calculator project in React and it is failing the tests. Each button is a Component and I am rendering the button text using props, which is causing clickable element failures, ie: My calculator should contain a clickable element containing an “=” (equal sign) with a corresponding id="equals"
For example, the equal button element is being rendered like:

<div id="equals" onClick={() => props.keypressed(props.buttonType)}>
	{props.buttonType}
</div>

where props.buttonType would be ‘=’
If I hard code the = it will pass the test, ie:

<div id="equals" onClick={() => props.keypressed(props.buttonType)}>
	=
</div>

Is there a way to get the bundle.js to see these rendered components correctly, or do I need to hard code all the buttons (which would defeat the purpose of having reusable components)?

I’ll take a look if you share the pen