Merge branch 'master' into users/nirice/typedoc-api-extractor

Author: nicholasrice

packages/fast-components-react-base/src/auto-suggest/auto-suggest.spec.tsx

@@ -64,6 +64,18 @@ describe("auto suggest", (): void => {
         expect(rendered.state("isMenuOpen")).toBe(false);
     });
 
+    test("value prop is applied", (): void => {
+        const rendered: any = mount(
+            <AutoSuggest listboxId="listboxId" value="test value">
+                {itemA}
+                {itemB}
+                {itemC}
+            </AutoSuggest>
+        );
+
+        expect(rendered.state("value")).toBe("test value");
+    });
+
     test("input region accessibility attributes are set correctly (autocomplete='both', )", (): void => {
         const rendered: any = mount(
             <AutoSuggest listboxId="listboxId">

packages/fast-components-react-base/src/auto-suggest/auto-suggest.tsx

@@ -335,7 +335,7 @@ class AutoSuggest extends Foundation<
             this.props.onValueChange(newValue, isFromSuggestedOption);
         }
 
-        if (!isNil(this.props.value) || newValue !== this.state.value) {
+        if (isNil(this.props.value) && newValue !== this.state.value) {
             this.toggleMenu(true);
             this.setState({
                 value: newValue,

packages/fast-components-react-base/src/viewport-positioner/viewport-positioner.spec.tsx

@@ -169,6 +169,45 @@ describe("viewport positioner", (): void => {
         expect(positioner.instance().state.disabled).toBe(true);
     });
 
+    test("initial state function returns correct initial state", (): void => {
+        const anchorElement: React.RefObject<HTMLDivElement> = React.createRef<
+            HTMLDivElement
+        >();
+
+        const rendered: any = mount(
+            <div>
+                <div ref={anchorElement} />
+                <ViewportPositioner
+                    viewport={document.firstElementChild as HTMLElement}
+                    anchor={anchorElement}
+                    managedClasses={managedClasses}
+                />
+            </div>
+        );
+
+        const positioner: any = rendered.find("BaseViewportPositioner");
+        expect(positioner.instance()["generateInitialState"]()).toEqual({
+            disabled: true,
+            noObserverMode: false,
+            xTransformOrigin: "left",
+            yTransformOrigin: "top",
+            xTranslate: 0,
+            yTranslate: 0,
+            top: null,
+            right: null,
+            bottom: null,
+            left: null,
+            currentHorizontalPosition: "undefined",
+            currentVerticalPosition: "undefined",
+            defaultHorizontalPosition: "undefined",
+            defaultVerticalPosition: "bottom",
+            horizontalSelectedPositionWidth: null,
+            verticalSelectedPositionHeight: null,
+            initialLayoutComplete: false,
+            validRefChecksRemaining: 2,
+        });
+    });
+
     test("positioning values applied correctly for specified default position - adjacent + top + left", (): void => {
         const anchorElement: React.RefObject<HTMLDivElement> = React.createRef<
             HTMLDivElement
@@ -1606,4 +1645,49 @@ describe("viewport positioner", (): void => {
         expect(positionerDimension.width).toBe(110);
         expect(positionerDimension.height).toBe(110);
     });
+
+    test("extractElementFromRef function returns element passed in directly", (): void => {
+        const anchorElement: React.RefObject<HTMLDivElement> = React.createRef<
+            HTMLDivElement
+        >();
+
+        const rendered: any = mount(
+            <div>
+                <div ref={anchorElement} />
+                <ViewportPositioner
+                    viewport={document.firstElementChild as HTMLElement}
+                    anchor={anchorElement}
+                    managedClasses={managedClasses}
+                />
+            </div>
+        );
+
+        const positioner: any = rendered.find("BaseViewportPositioner");
+        const testElement: Element = document.createElement("div");
+        expect(positioner.instance()["extractElementFromRef"](testElement)).toBe(
+            testElement
+        );
+    });
+
+    test("extractElementFromRef function returns element passed in as a ref", (): void => {
+        const anchorElement: React.RefObject<HTMLDivElement> = React.createRef<
+            HTMLDivElement
+        >();
+
+        const rendered: any = mount(
+            <div>
+                <div ref={anchorElement} />
+                <ViewportPositioner
+                    viewport={document.firstElementChild as HTMLElement}
+                    anchor={anchorElement}
+                    managedClasses={managedClasses}
+                />
+            </div>
+        );
+
+        const positioner: any = rendered.find("BaseViewportPositioner");
+        expect(positioner.instance()["extractElementFromRef"](anchorElement)).toBe(
+            anchorElement.current
+        );
+    });
 });