Merge branch 'main' into avm99963-monorail
Merged commit 4137ed7879acadbf891e8c471108acb874dae886.
GitOrigin-RevId: b6100ffc5b1da355a35f37b13fcaaf746ee8b307
diff --git a/static_src/react/issue-wizard/RadioDescription/RadioDescription.test.tsx b/static_src/react/issue-wizard/RadioDescription/RadioDescription.test.tsx
index 296e449..6d1398f 100644
--- a/static_src/react/issue-wizard/RadioDescription/RadioDescription.test.tsx
+++ b/static_src/react/issue-wizard/RadioDescription/RadioDescription.test.tsx
@@ -3,12 +3,12 @@
// found in the LICENSE file.
import React from 'react';
-import { render, screen, cleanup } from '@testing-library/react';
-import userEvent from '@testing-library/user-event'
+import { render, screen, cleanup, fireEvent } from '@testing-library/react';
import { assert } from 'chai';
import sinon from 'sinon';
import { RadioDescription } from './RadioDescription.tsx';
+import {IssueWizardPersona} from '../IssueWizardTypes.tsx';
describe('RadioDescription', () => {
afterEach(cleanup);
@@ -29,7 +29,7 @@
it('checks selected radio value', () => {
// We're passing in the "Web Developer" value here manually
// to tell our code that that radio button is selected.
- render(<RadioDescription value={'Web Developer'} />);
+ render(<RadioDescription selectedRadio={IssueWizardPersona.Developer} />);
const checkedRadio = screen.getByRole('radio', { name: /Web Developer/i });
assert.isTrue(checkedRadio.checked);
@@ -43,25 +43,25 @@
// Using the sinon.js testing library to create a function for testing.
const setValue = sinon.stub();
- render(<RadioDescription setValue={setValue} />);
+ render(<RadioDescription onClickRadio={setValue} />);
const radio = screen.getByRole('radio', { name: /Web Developer/i });
- userEvent.click(radio);
+ fireEvent.click(radio);
// Asserts that "Web Developer" was passed into our "setValue" function.
- sinon.assert.calledWith(setValue, 'Web Developer');
+ sinon.assert.calledWith(setValue, IssueWizardPersona.Developer);
});
it('sets radio value when any part of the parent RoleSelection is clicked', () => {
const setValue = sinon.stub();
- render(<RadioDescription setValue={setValue} />);
+ render(<RadioDescription onClickRadio={setValue} />);
// Click text in the RoleSelection component
const p = screen.getByText('End User');
- userEvent.click(p);
+ fireEvent.click(p);
// Asserts that "End User" was passed into our "setValue" function.
- sinon.assert.calledWith(setValue, 'End User');
+ sinon.assert.calledWith(setValue, IssueWizardPersona.EndUser);
});
-});
\ No newline at end of file
+});