chore(typos): fix additional typos throughout repo

Author: mlaursen

packages/alert/src/__tests__/useMessageQueue.ts

@@ -179,7 +179,7 @@ describe("handleAddMessage", () => {
 
     it("should add the new message to the end of the queue if there are no existing messages with the same id", () => {
       const replacement: Message = {
-        messageId: "mesage-3",
+        messageId: "message-3",
         messagePriority: "replace",
       };
 
@@ -315,7 +315,7 @@ describe("handleAddMessage", () => {
     });
   });
 
-  describe("immediate pirority", () => {
+  describe("immediate priority", () => {
     const message1: Message = { messageId: "message-1" };
     const message2: Message = { messageId: "message-2" };
     const message3: Message = { messageId: "message-3" };
@@ -355,7 +355,7 @@ describe("reducer", () => {
   const message2: Message = { messageId: "message-2" };
   const message3: ToastMessage = { children: "Hello, world!" };
 
-  it("should add a new messaage with the correct behavior for the ADD_MESSAGE action", () => {
+  it("should add a new message with the correct behavior for the ADD_MESSAGE action", () => {
     const action: AddMessageAction = {
       type: ADD_MESSAGE,
       message: message3,

packages/autocomplete/src/__tests__/HighlightedResult.tsx

@@ -94,7 +94,7 @@ describe("HighlightedResult", () => {
     expect(container).toMatchSnapshot();
 
     // one for the TextNode of unmatched prefix, one <span> for the highlighted
-    // text, and the reamining TextNode for the unmatched suffix
+    // text, and the remaining TextNode for the unmatched suffix
     expect(container.childNodes.length).toBe(3);
   });
 

packages/avatar/src/__tests__/Avatar.tsx

@@ -9,7 +9,7 @@ describe("Avatar", () => {
     expect(container.querySelector("span")).not.toBeNull();
   });
 
-  it("should apply the rmd-avarar class name", () => {
+  it("should apply the rmd-avatar class name", () => {
     const { container } = render(<Avatar />);
     const avatar = container.querySelector("span") as HTMLSpanElement;
     expect(avatar.className).toBe("rmd-avatar");

packages/badge/src/__tests__/isEmpty.tsx

@@ -1,7 +1,7 @@
 import { isEmpty } from "../isEmpty";
 
 describe("isEmpty", () => {
-  it('should return true whent he disableNullOnZero is false and the children is 0, "0", or null', () => {
+  it('should return true when the disableNullOnZero is false and the children is 0, "0", or null', () => {
     expect(isEmpty(0, false)).toBe(true);
     expect(isEmpty("0", false)).toBe(true);
     expect(isEmpty(null, false)).toBe(true);

packages/button/src/__tests__/Button.tsx

@@ -40,7 +40,7 @@ function flattenDeep(
 }
 
 describe("Button", () => {
-  // this is actually really bad practice and kind of worthess
+  // this is actually really bad practice and kind of worthless
   it("should render correctly based on the theme props", () => {
     flattenDeep(
       buttonTypes.map((buttonType) =>

packages/dialog/src/__tests__/useNestedDialogFixes.tsx

@@ -85,7 +85,7 @@ describe("useNestedDialogFixes", () => {
 
   it("should warn in a non-prod environment if trying to add multiple dialogs with the same id", () => {
     const { NODE_ENV } = process.env;
-    // this is caused by next definigin process.env.NODE_ENV as readonly 'development' | 'production' | 'test'
+    // this is caused by next defining process.env.NODE_ENV as readonly 'development' | 'production' | 'test'
     // @ts-expect-error
     process.env.NODE_ENV = "production";
     const warn = jest.spyOn(console, "warn");
@@ -115,7 +115,7 @@ describe("useNestedDialogFixes", () => {
     unmount();
     expect(warn).not.toBeCalled();
 
-    // this is caused by next definigin process.env.NODE_ENV as readonly 'development' | 'production' | 'test'
+    // this is caused by next defining process.env.NODE_ENV as readonly 'development' | 'production' | 'test'
     // @ts-expect-error
     process.env.NODE_ENV = NODE_ENV;
     render(<Test />);

packages/form/src/menu/__tests__/MenuItemTextField.tsx

@@ -95,7 +95,7 @@ describe("MenuItemTextField", () => {
     expect(menu).not.toBeInTheDocument();
   });
 
-  it("should not cause the menu to close when the text fiedl or li is clicked", () => {
+  it("should not cause the menu to close when the text field or li is clicked", () => {
     const { getByRole, getByTestId } = render(<Test />);
     fireEvent.click(getByRole("button", { name: "Dropdown" }));
 

packages/form/src/select/__tests__/Listbox.tsx

@@ -275,7 +275,7 @@ describe("Listbox", () => {
 
   it("should throw a warning in a non-production NODE_ENV if there is a non-searchable value", () => {
     const { NODE_ENV } = process.env;
-    // this is caused by next definigin process.env.NODE_ENV as readonly 'development' | 'production' | 'test'
+    // this is caused by next defining process.env.NODE_ENV as readonly 'development' | 'production' | 'test'
     // @ts-expect-error
     process.env.NODE_ENV = "production";
     const warn = jest.spyOn(console, "warn");
@@ -288,7 +288,7 @@ describe("Listbox", () => {
     unmount();
     expect(warn).not.toBeCalled();
 
-    // this is caused by next definigin process.env.NODE_ENV as readonly 'development' | 'production' | 'test'
+    // this is caused by next defining process.env.NODE_ENV as readonly 'development' | 'production' | 'test'
     // @ts-expect-error
     process.env.NODE_ENV = NODE_ENV;
     render(<Listbox {...props} />);

packages/form/src/slider/__tests__/Slider.tsx

@@ -376,7 +376,7 @@ describe("Slider", () => {
       );
     }
 
-    it("should show the toolwip when the thumb gains focus while the user interaction mode is keyboard", async () => {
+    it("should show the tooltip when the thumb gains focus while the user interaction mode is keyboard", async () => {
       const { getByRole, container } = render(<DiscreteTest />);
       expect(container).toMatchSnapshot();
       expect(() => getByRole("tooltip")).toThrow();

packages/form/src/slider/__tests__/__snapshots__/Slider.tsx.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Slider discrete sliders should show the toolwip when the thumb gains focus while the user interaction mode is keyboard 1`] = `
+exports[`Slider discrete sliders should show the tooltip when the thumb gains focus while the user interaction mode is keyboard 1`] = `
 <div>
   <span
     class="rmd-label"
@@ -36,7 +36,7 @@ exports[`Slider discrete sliders should show the toolwip when the thumb gains fo
 </div>
 `;
 
-exports[`Slider discrete sliders should show the toolwip when the thumb gains focus while the user interaction mode is keyboard 2`] = `
+exports[`Slider discrete sliders should show the tooltip when the thumb gains focus while the user interaction mode is keyboard 2`] = `
 <div>
   <span
     class="rmd-label"
@@ -79,7 +79,7 @@ exports[`Slider discrete sliders should show the toolwip when the thumb gains fo
 </div>
 `;
 
-exports[`Slider discrete sliders should show the toolwip when the thumb gains focus while the user interaction mode is keyboard 3`] = `
+exports[`Slider discrete sliders should show the tooltip when the thumb gains focus while the user interaction mode is keyboard 3`] = `
 <div>
   <span
     class="rmd-label"