chore: fix typos (#1019)

build/testing/applitools/run-msft-docs.js

@@ -140,7 +140,7 @@ class Run {
         eyes.checkWindow("toggle example");
         
         driver.navigate().to(`${website}/components/typography/examples`);
-        eyes.checkWindow("typograph example");
+        eyes.checkWindow("typography example");
             
     }
 }

packages/fast-components-class-name-contracts-base/README.md

@@ -7,7 +7,7 @@ FAST base components are built from the ground-up to work with CSS module implem
 These contracts simply describe - as TypeScript interfaces - the key/value pairs that each component can expect to be able to use when retrieving these dynamic class-names.
 
 ```tsx
-inteface IButtonClassNameContract {
+inteface ButtonClassNameContract {
     button: string;
 }
 

packages/fast-development-site-react/README.md

@@ -28,7 +28,7 @@ function render(): void {
                 name={"Components"}
                 schema={ParagraphSchema},
                 component={Paragraph},
-                status={"Released}
+                status={"Released"}
             >
                 <SiteCategoryDocumentation slot={"canvas-detail-view-documentation"}>
                     <div>

packages/fast-web-utilities/README.md

@@ -110,7 +110,7 @@ The `isNullOrWhiteSpace` function determines if the specified string is undefine
 ```js
 import { isNullOrWhiteSpace } from "@microsoft/fast-web-utilities";
 
-const myAnchor = document.getElementById("#id");
+const myAnchor = document.querySelector("#id");
 const checkWhitespace = isNullOrWhiteSpace(myAnchor.href);
 ```
 

packages/fast-web-utilities/src/html.spec.ts

@@ -45,7 +45,7 @@ describe("convertStylePropertyPixelsToNumber", () => {
         expect(() => convertStylePropertyPixelsToNumber(undefined, undefined)).not.toThrow();
     });
 
-    test("should correctly convert a elements computed style property pixel value and return a number", () => {
+    test("should correctly convert an element's computed style property pixel value and return a number", () => {
         document.body.innerHTML = `
             <div id="element" style="margin: 20px 5px 12px 8px;"></div>
         `;

packages/fast-web-utilities/src/numbers.spec.ts

@@ -1,7 +1,7 @@
 import { limit, wrapInBounds } from "./numbers";
 
 describe("wrapInBounds", () => {
-    test("should not throw if any paramaters are null", () => {
+    test("should not throw if any parameters are null", () => {
         expect(() => { wrapInBounds(null, null, null); }).not.toThrow();
         expect(() => { wrapInBounds(1, null, null); }).not.toThrow();
         expect(() => { wrapInBounds(1, 2, 3); }).not.toThrow();
@@ -30,7 +30,7 @@ describe("wrapInBounds", () => {
 });
 
 describe("limit", () => {
-    test("should not throw if any paramaters are null", () => {
+    test("should not throw if any parameters are null", () => {
         expect(() => { limit(null, null, null); }).not.toThrow();
         expect(() => { limit(0, null, null); }).not.toThrow();
         expect(() => { limit(0, null, 1); }).not.toThrow();

packages/fast-web-utilities/src/strings.spec.ts

@@ -1,13 +1,13 @@
 import { format, isNullOrWhiteSpace, pascalCase, startsWith } from "./strings";
 
 describe("format", (): void => {
-    test("should correctly manage undefined correctly by returning an unformatted string", (): void => {
+    test("should correctly manage undefined by returning an unformatted string", (): void => {
         const formatterString: string = "Hello {0} world";
 
         expect(format(formatterString, undefined)).toBe("Hello  world");
     });
 
-    test("should correctly manage null correctly by returning an unformatted string", (): void => {
+    test("should correctly manage null by returning an unformatted string", (): void => {
         const formatterString: string = "Hello {0} world";
 
         expect(format(formatterString, null)).toBe("Hello  world");
@@ -19,19 +19,19 @@ describe("format", (): void => {
         expect(format(formatterString, "page", "five", "now")).toBe("View page five");
     });
 
-    test("should correctly manage a formatter with not enough paramaters", (): void => {
+    test("should correctly manage a formatter with not enough parameters", (): void => {
         const formatterString: string = "View {0} {1}";
 
         expect(format(formatterString, "page")).toBe("View page {1}");
     });
 
-    test("should correctly manage empty strings correctly by returning a formatted string with white space", (): void => {
+    test("should correctly manage empty strings by returning a formatted string with white space", (): void => {
         const formatterString: string = "Hello {0} world";
 
         expect(format(formatterString, "")).toBe("Hello  world");
     });
 
-    test("should correctly manage strings correctly by returning a formatted string", (): void => {
+    test("should correctly manage strings by returning a formatted string", (): void => {
         const formatterString: string = "Hello {0} world";
 
         expect(format(formatterString, "foo")).toBe("Hello foo world");
@@ -94,7 +94,7 @@ describe("startsWith", (): void => {
         expect(startsWith(null, null)).toBe(false);
         expect(startsWith("Hello", null)).toBe(false);
     });
-    test("should correctly manage searching for an emtpy string", () => {
+    test("should correctly manage searching for an empty string", () => {
         expect(startsWith("Helloworld", "")).toBe(false);
     });
     test("should correctly manage a string which includes a match but does not start with it", () => {