Convert OrgProfile test to RTL (#50525)

.betterer.results

@@ -146,9 +146,6 @@ exports[`no enzyme tests`] = {
     "public/app/features/org/OrgDetailsPage.test.tsx:3835042085": [
       [0, 19, 13, "RegExp match", "2409514259"]
     ],
-    "public/app/features/org/OrgProfile.test.tsx:623809345": [
-      [0, 19, 13, "RegExp match", "2409514259"]
-    ],
     "public/app/features/teams/TeamSettings.test.tsx:2043271249": [
       [0, 19, 13, "RegExp match", "2409514259"]
     ],

public/app/features/org/OrgProfile.test.tsx

@@ -1,4 +1,5 @@
-import { shallow } from 'enzyme';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import React from 'react';
 
 import OrgProfile, { Props } from './OrgProfile';
@@ -11,19 +12,36 @@ jest.mock('app/core/core', () => {
   };
 });
 
-const setup = () => {
+describe('OrgProfile', () => {
   const props: Props = {
     orgName: 'Main org',
     onSubmit: jest.fn(),
   };
 
-  return shallow(<OrgProfile {...props} />);
-};
+  it('should render without crashing', () => {
+    expect(() => render(<OrgProfile {...props} />)).not.toThrow();
+  });
+
+  it('should show the current org name', () => {
+    render(<OrgProfile {...props} />);
+
+    const orgNameInput = screen.getByLabelText('Organization name');
+
+    expect(orgNameInput).toHaveValue('Main org');
+  });
+
+  it('can update the current org name', async () => {
+    render(<OrgProfile {...props} />);
+
+    const orgNameInput = screen.getByLabelText('Organization name');
+    const submitButton = screen.getByRole('button', { name: 'Update organization name' });
+
+    expect(orgNameInput).toHaveValue('Main org');
 
-describe('Render', () => {
-  it('should render component', () => {
-    const wrapper = setup();
+    await userEvent.clear(orgNameInput);
+    await userEvent.type(orgNameInput, 'New org name');
+    await userEvent.click(submitButton);
 
-    expect(wrapper).toMatchSnapshot();
+    expect(props.onSubmit).toHaveBeenCalledWith('New org name');
   });
 });

public/app/features/org/__snapshots__/OrgProfile.test.tsx.snap

@@ -1,14 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Render should render component 1`] = `
-<Form
-  defaultValues={
-    Object {
-      "orgName": "Main org",
-    }
-  }
-  onSubmit={[Function]}
->
-  <Component />
-</Form>
-`;