fix more tests

Author: Daniel A. White

package.json

@@ -88,6 +88,7 @@
     "enzyme-to-json": "^3.6.1",
     "eslint": "^8.4.1",
     "eslint-plugin-import": "^2.25.3",
+    "eslint-plugin-jest": "^28.6.0",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react": "^7.27.1",
     "eslint-plugin-react-hooks": "^4.3.0",

src/components/__tests__/TopLevelSchemaRow.spec.tsx

@@ -1,10 +1,10 @@
-import 'jest-enzyme';
+import '@testing-library/jest-dom';
 
 import { RootNode } from '@stoplight/json-schema-tree';
-import { Icon } from '@stoplight/mosaic';
-import { mount } from 'enzyme';
+import { render } from '@testing-library/react';
 import { JSONSchema4 } from 'json-schema';
 import * as React from 'react';
+import { describe, expect, it } from 'vitest';
 
 import { TopLevelSchemaRow } from '../SchemaRow/TopLevelSchemaRow';
 import { buildTree } from '../shared/__tests__/utils';
@@ -40,11 +40,10 @@ describe('resolving permission error', () => {
     };
 
     tree = buildTree(schema);
-    const wrapper = mount(<TopLevelSchemaRow schemaNode={tree.children[0]!} />);
-    expect(wrapper.find(Icon).at(0)).toHaveProp('aria-label', `You do not have permission to view this reference`);
-    expect(wrapper.find(Icon).at(1)).toHaveProp('aria-label', `You do not have permission to view this reference`);
-    expect(wrapper.find(Icon).at(2)).not.toHaveProp('aria-label', `You do not have permission to view this reference`);
-    expect(wrapper.find(Icon).at(3)).not.toHaveProp('aria-label', `You do not have permission to view this reference`);
+    const wrapper = render(<TopLevelSchemaRow schemaNode={tree.children[0]!} />);
+    const icons = wrapper.queryAllByLabelText('You do not have permission to view this reference');
+    expect(icons).toHaveLength(2);
+
     wrapper.unmount();
   });
 
@@ -73,10 +72,9 @@ describe('resolving permission error', () => {
     };
 
     tree = buildTree(schema);
-    const wrapper = mount(<TopLevelSchemaRow schemaNode={tree.children[0]!} />);
-    expect(wrapper.find(Icon).at(0)).toHaveProp('aria-label', `You do not have permission to view this reference`);
-    expect(wrapper.find(Icon).at(1)).toHaveProp('aria-label', `You do not have permission to view this reference`);
-    expect(wrapper.find(Icon).at(2)).toHaveProp('aria-label', `You do not have permission to view this reference`);
+    const wrapper = render(<TopLevelSchemaRow schemaNode={tree.children[0]!} />);
+    const icons = wrapper.queryAllByLabelText('You do not have permission to view this reference');
+    expect(icons).toHaveLength(3);
     wrapper.unmount();
   });
 
@@ -87,8 +85,10 @@ describe('resolving permission error', () => {
       'x-sl-internally-excluded': true,
     };
     tree = buildTree(schema);
-    const wrapper = mount(<TopLevelSchemaRow schemaNode={tree.children[0]!} />);
-    expect(wrapper.find(Icon).at(0)).toHaveProp('aria-label', `You do not have permission to view this reference`);
+    const wrapper = render(<TopLevelSchemaRow schemaNode={tree.children[0]!} />);
+    const icons = wrapper.queryAllByLabelText('You do not have permission to view this reference');
+    expect(icons).toHaveLength(1);
+    expect(icons[0]).toBeInTheDocument();
     wrapper.unmount();
   });
 
@@ -126,10 +126,9 @@ describe('resolving permission error', () => {
     };
 
     tree = buildTree(schema);
-    const wrapper = mount(<TopLevelSchemaRow schemaNode={tree.children[0]!} />);
-    expect(wrapper.find(Icon).at(1)).not.toHaveProp('title', `You do not have permission to view this reference`);
-    expect(wrapper.find(Icon).at(2)).not.toHaveProp('title', `You do not have permission to view this reference`);
-    expect(wrapper.find(Icon).at(3)).not.toHaveProp('title', `You do not have permission to view this reference`);
+    const wrapper = render(<TopLevelSchemaRow schemaNode={tree.children[0]!} />);
+    const icons = wrapper.queryAllByLabelText('You do not have permission to view this reference');
+    expect(icons).toHaveLength(0);
     wrapper.unmount();
   });
 });

src/components/shared/__tests__/Properties.spec.tsx

@@ -1,9 +1,10 @@
-import 'jest-enzyme';
+import '@testing-library/jest-dom';
 
 import { RegularNode } from '@stoplight/json-schema-tree';
 import { Dictionary } from '@stoplight/types';
-import { shallow } from 'enzyme';
+import { render } from '@testing-library/react';
 import * as React from 'react';
+import { beforeEach, describe, expect, it } from 'vitest';
 
 import { Properties } from '../Properties';
 
@@ -22,11 +23,9 @@ describe('Properties component', () => {
     });
 
     it('should render deprecated box', () => {
-      const wrapper = shallow(
-        <Properties deprecated={deprecated} required={false} validations={validations} />,
-      ).childAt(0);
+      const wrapper = render(<Properties deprecated={deprecated} required={false} validations={validations} />);
 
-      expect(wrapper).toHaveText('deprecated');
+      expect(wrapper.queryByText('deprecated')).toBeInTheDocument();
     });
   });
 });