diff --git a/common/changes/regressionTestHelperCLass_2017-04-20-20-27.json b/common/changes/regressionTestHelperCLass_2017-04-20-20-27.json
new file mode 100644
index 0000000000000..906d87daf829c
--- /dev/null
+++ b/common/changes/regressionTestHelperCLass_2017-04-20-20-27.json
@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "office-ui-fabric-react",
+      "comment": "Regression Tests: Test Helper class updates",
+      "type": "patch"
+    }
+  ],
+  "email": "r33najain@gmail.com"
+}
\ No newline at end of file
diff --git a/common/npm-shrinkwrap.json b/common/npm-shrinkwrap.json
index 1d26d6920148f..98d791e6f1e17 100644
--- a/common/npm-shrinkwrap.json
+++ b/common/npm-shrinkwrap.json
@@ -3,9 +3,9 @@
   "version": "0.0.0",
   "dependencies": {
     "@microsoft/api-extractor": {
-      "version": "2.0.4",
+      "version": "2.0.5",
       "from": "@microsoft/api-extractor@>=2.0.3 <3.0.0",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-2.0.4.tgz"
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-2.0.5.tgz"
     },
     "@microsoft/gulp-core-build": {
       "version": "2.4.4",
@@ -190,9 +190,9 @@
       }
     },
     "@microsoft/load-themed-styles": {
-      "version": "1.2.2",
+      "version": "1.3.0",
       "from": "@microsoft/load-themed-styles@>=1.2.2 <2.0.0",
-      "resolved": "https://registry.npmjs.org/@microsoft/load-themed-styles/-/load-themed-styles-1.2.2.tgz"
+      "resolved": "https://registry.npmjs.org/@microsoft/load-themed-styles/-/load-themed-styles-1.3.0.tgz"
     },
     "@microsoft/web-library-build": {
       "version": "3.0.1",
@@ -335,9 +335,9 @@
       "resolved": "https://registry.npmjs.org/@types/z-schema/-/z-schema-3.16.31.tgz"
     },
     "@uifabric/utilities": {
-      "version": "1.8.0",
-      "from": "@uifabric/utilities@>=1.8.0 <2.0.0",
-      "resolved": "https://registry.npmjs.org/@uifabric/utilities/-/utilities-1.8.0.tgz"
+      "version": "1.8.4",
+      "from": "@uifabric/utilities@>=1.8.3 <2.0.0",
+      "resolved": "https://registry.npmjs.org/@uifabric/utilities/-/utilities-1.8.4.tgz"
     },
     "abbrev": {
       "version": "1.0.9",
@@ -442,9 +442,9 @@
       "resolved": "https://registry.npmjs.org/archy/-/archy-1.0.0.tgz"
     },
     "are-we-there-yet": {
-      "version": "1.1.2",
+      "version": "1.1.4",
       "from": "are-we-there-yet@>=1.1.2 <1.2.0",
-      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.2.tgz"
+      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.4.tgz"
     },
     "argparse": {
       "version": "1.0.9",
@@ -859,9 +859,9 @@
       "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-1.6.1.tgz"
     },
     "caniuse-db": {
-      "version": "1.0.30000656",
+      "version": "1.0.30000657",
       "from": "caniuse-db@>=1.0.30000488 <2.0.0",
-      "resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30000656.tgz"
+      "resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30000657.tgz"
     },
     "capture-stack-trace": {
       "version": "1.0.0",
@@ -1690,9 +1690,9 @@
       "resolved": "https://registry.npmjs.org/ejs/-/ejs-2.5.6.tgz"
     },
     "electron-to-chromium": {
-      "version": "1.3.5",
+      "version": "1.3.7",
       "from": "electron-to-chromium@>=1.2.7 <2.0.0",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.5.tgz"
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.7.tgz"
     },
     "elliptic": {
       "version": "6.4.0",
@@ -2230,9 +2230,9 @@
       "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.0.0.tgz"
     },
     "gauge": {
-      "version": "2.7.3",
+      "version": "2.7.4",
       "from": "gauge@>=2.7.1 <2.8.0",
-      "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.3.tgz"
+      "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz"
     },
     "gaze": {
       "version": "0.5.2",
@@ -4735,7 +4735,7 @@
     },
     "nan": {
       "version": "2.6.2",
-      "from": "nan@>=2.3.0 <3.0.0",
+      "from": "nan@>=2.3.2 <3.0.0",
       "resolved": "https://registry.npmjs.org/nan/-/nan-2.6.2.tgz"
     },
     "natives": {
@@ -4833,9 +4833,9 @@
       "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz"
     },
     "normalize-package-data": {
-      "version": "2.3.6",
+      "version": "2.3.8",
       "from": "normalize-package-data@>=2.3.2 <3.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.3.6.tgz"
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.3.8.tgz"
     },
     "normalize-path": {
       "version": "2.1.1",
@@ -4938,9 +4938,9 @@
       "resolved": "https://registry.npmjs.org/office-ui-fabric-core/-/office-ui-fabric-core-5.1.0.tgz"
     },
     "office-ui-fabric-react": {
-      "version": "2.20.2",
+      "version": "2.21.0",
       "from": "office-ui-fabric-react@>=2.11.0-0 <3.0.0-0",
-      "resolved": "https://registry.npmjs.org/office-ui-fabric-react/-/office-ui-fabric-react-2.20.2.tgz"
+      "resolved": "https://registry.npmjs.org/office-ui-fabric-react/-/office-ui-fabric-react-2.21.0.tgz"
     },
     "on-finished": {
       "version": "2.3.0",
@@ -5765,9 +5765,9 @@
       "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-1.0.0.tgz"
     },
     "registry-auth-token": {
-      "version": "3.1.2",
+      "version": "3.2.0",
       "from": "registry-auth-token@>=3.0.1 <4.0.0",
-      "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-3.1.2.tgz"
+      "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-3.2.0.tgz"
     },
     "registry-url": {
       "version": "3.1.0",
@@ -5908,13 +5908,13 @@
     },
     "rush-example-app-base": {
       "version": "0.0.0",
-      "from": "temp_modules/rush-example-app-base",
-      "resolved": "file:temp_modules/rush-example-app-base"
+      "from": "temp_modules\\rush-example-app-base",
+      "resolved": "file:temp_modules\\rush-example-app-base"
     },
     "rush-example-component": {
       "version": "0.0.0",
-      "from": "temp_modules/rush-example-component",
-      "resolved": "file:temp_modules/rush-example-component",
+      "from": "temp_modules\\rush-example-component",
+      "resolved": "file:temp_modules\\rush-example-component",
       "dependencies": {
         "autoprefixer": {
           "version": "6.7.7",
@@ -5955,8 +5955,8 @@
     },
     "rush-fabric-website": {
       "version": "0.0.0",
-      "from": "temp_modules/rush-fabric-website",
-      "resolved": "file:temp_modules/rush-fabric-website",
+      "from": "temp_modules\\rush-fabric-website",
+      "resolved": "file:temp_modules\\rush-fabric-website",
       "dependencies": {
         "dateformat": {
           "version": "1.0.12",
@@ -5982,8 +5982,8 @@
     },
     "rush-office-ui-fabric-react": {
       "version": "0.0.0",
-      "from": "temp_modules/rush-office-ui-fabric-react",
-      "resolved": "file:temp_modules/rush-office-ui-fabric-react",
+      "from": "temp_modules\\rush-office-ui-fabric-react",
+      "resolved": "file:temp_modules\\rush-office-ui-fabric-react",
       "dependencies": {
         "autoprefixer": {
           "version": "6.7.7",
@@ -6039,8 +6039,8 @@
     },
     "rush-styling": {
       "version": "0.0.0",
-      "from": "temp_modules/rush-styling",
-      "resolved": "file:temp_modules/rush-styling",
+      "from": "temp_modules\\rush-styling",
+      "resolved": "file:temp_modules\\rush-styling",
       "dependencies": {
         "debug": {
           "version": "2.2.0",
@@ -6100,13 +6100,13 @@
     },
     "rush-todo-app": {
       "version": "0.0.0",
-      "from": "temp_modules/rush-todo-app",
-      "resolved": "file:temp_modules/rush-todo-app"
+      "from": "temp_modules\\rush-todo-app",
+      "resolved": "file:temp_modules\\rush-todo-app"
     },
     "rush-utilities": {
       "version": "0.0.0",
-      "from": "temp_modules/rush-utilities",
-      "resolved": "file:temp_modules/rush-utilities"
+      "from": "temp_modules\\rush-utilities",
+      "resolved": "file:temp_modules\\rush-utilities"
     },
     "rx-lite": {
       "version": "3.1.2",
@@ -7502,14 +7502,14 @@
       }
     },
     "webpack-dev-middleware": {
-      "version": "1.10.1",
+      "version": "1.10.2",
       "from": "webpack-dev-middleware@>=1.0.11 <2.0.0",
-      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-1.10.1.tgz"
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-1.10.2.tgz"
     },
     "webpack-dev-server": {
-      "version": "2.4.2",
+      "version": "2.4.3",
       "from": "webpack-dev-server@>=2.4.1 <3.0.0",
-      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-2.4.2.tgz",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-2.4.3.tgz",
       "dependencies": {
         "camelcase": {
           "version": "3.0.0",
@@ -7633,9 +7633,9 @@
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz"
     },
     "write-file-atomic": {
-      "version": "1.3.1",
+      "version": "1.3.3",
       "from": "write-file-atomic@>=1.1.2 <2.0.0",
-      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-1.3.1.tgz"
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-1.3.3.tgz"
     },
     "ws": {
       "version": "1.1.2",
@@ -7710,4 +7710,4 @@
       "resolved": "https://registry.npmjs.org/z-schema/-/z-schema-3.17.0.tgz"
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/office-ui-fabric-react/src/VisualTestState.ts b/packages/office-ui-fabric-react/src/VisualTestState.ts
index 6bce8b42b7a6a..b828ebbdf7764 100644
--- a/packages/office-ui-fabric-react/src/VisualTestState.ts
+++ b/packages/office-ui-fabric-react/src/VisualTestState.ts
@@ -4,6 +4,7 @@ export interface IVisualTestState {
 
 export const VisualTestState: IVisualTestState = {
   componentPath: [
+    './Breadcrumb/BreadcrumbPage.visualtest',
     './Button/CommandButtonPage.visualtest',
     './Button/CompoundButtonPage.visualtest',
     './Button/ContextualButtonPage.visualtest',
@@ -11,7 +12,7 @@ export const VisualTestState: IVisualTestState = {
     './Button/PrimaryButtonPage.visualtest',
     './Checkbox/CheckboxPage.visualtest',
     './ChoiceGroup/ChoiceGroupPage.visualtest',
-    './ContextualMenu/ContextualMenuPage.visualtest'
-
+    './ContextualMenu/ContextualMenuPage.visualtest',
+    './DocumentCard/DocumentCardPage.visualtest'
   ]
-};
+};
\ No newline at end of file
diff --git a/packages/office-ui-fabric-react/src/components/Breadcrumb/Breadcrumb.visualtest.ts b/packages/office-ui-fabric-react/src/components/Breadcrumb/Breadcrumb.visualtest.ts
new file mode 100644
index 0000000000000..d47fa6994e418
--- /dev/null
+++ b/packages/office-ui-fabric-react/src/components/Breadcrumb/Breadcrumb.visualtest.ts
@@ -0,0 +1,29 @@
+import { Casper, IPhantomCSS } from '../../visualtest/PhantomCssInterface';
+import { baseUrl } from '../../common/VisualTest';
+import { defaultScreenshot, mouseMoveScreenshot, mouseDownScreenshot, mouseClickScreenshot, testRunner } from '../../visualtest/RunVisualTest';
+import { IRunVisualTest } from '../../visualtest/IRunVisualTest';
+
+declare var phantomcss: IPhantomCSS;
+declare var casper: Casper;
+
+let componentIds: IRunVisualTest[] = [];
+let commands: ((params: IRunVisualTest) => void)[] = [];
+
+componentIds.push({
+  selector: '.' + 'Breadcrumb',
+  fileName: 'breadcrumb',
+  commands: [defaultScreenshot]
+});
+componentIds.push({
+  selector: '.' + 'ms-Breadcrumb-listItem',
+  fileName: 'breadcrumb',
+  commands: [mouseMoveScreenshot, mouseDownScreenshot, mouseClickScreenshot]
+});
+
+casper.
+  start(baseUrl + 'breadcrumb').
+  then(() => {
+    testRunner(componentIds);
+  });
+
+casper.run(() => { casper.test.done(); });
\ No newline at end of file
diff --git a/packages/office-ui-fabric-react/src/components/Breadcrumb/BreadcrumbPage.visualtest.tsx b/packages/office-ui-fabric-react/src/components/Breadcrumb/BreadcrumbPage.visualtest.tsx
new file mode 100644
index 0000000000000..a4305ac41ad6b
--- /dev/null
+++ b/packages/office-ui-fabric-react/src/components/Breadcrumb/BreadcrumbPage.visualtest.tsx
@@ -0,0 +1,22 @@
+import { Breadcrumb } from './index';
+
+/* tslint:disable:no-unused-variable */
+import * as React from 'react';
+/* tslint:enable:no-unused-variable */
+export default class BreadcrumbVPage extends React.Component<any, any> {
+  public render() {
+    return <div>
+      <Breadcrumb
+        className='Breadcrumb'
+        items={ [
+          { text: 'Files', 'key': 'Files' },
+          { text: 'This is folder 1', 'key': 'f1' },
+          { text: 'This is folder 2', 'key': 'f2' },
+          { text: 'This is folder 3', 'key': 'f3' },
+          { text: 'This is folder 4', 'key': 'f4' },
+          { text: 'This is folder 5', 'key': 'f5' },
+        ] }
+        maxDisplayedItems={ 3 } />
+    </div>;
+  }
+}
\ No newline at end of file
diff --git a/packages/office-ui-fabric-react/src/components/Button/CommandButton.visualtest.ts b/packages/office-ui-fabric-react/src/components/Button/CommandButton.visualtest.ts
index 54b8ad3e67b5d..5d12b54432dba 100644
--- a/packages/office-ui-fabric-react/src/components/Button/CommandButton.visualtest.ts
+++ b/packages/office-ui-fabric-react/src/components/Button/CommandButton.visualtest.ts
@@ -1,26 +1,38 @@
 import { Casper, IPhantomCSS } from '../../visualtest/PhantomCssInterface';
 import { baseUrl } from '../../common/VisualTest';
+import {
+  defaultScreenshot, mouseMoveScreenshot,
+  mouseDownScreenshot, mouseClickScreenshot, testRunner
+} from '../../visualtest/RunVisualTest';
+import { IRunVisualTest } from '../../visualtest/IRunVisualTest';
+
 declare var phantomcss: IPhantomCSS;
 declare var casper: Casper;
-/* tslint:disable:no-function-expression */
+
+let componentIds: IRunVisualTest[] = [];
+let commands: ((params: IRunVisualTest) => void)[] = [];
+
+commands.push(defaultScreenshot);
+commands.push(mouseMoveScreenshot);
+commands.push(mouseDownScreenshot);
+commands.push(mouseClickScreenshot);
+
+componentIds.push({
+  selector: '#' + 'CommandButton',
+  fileName: 'commandButton',
+  commands: commands
+});
+
+componentIds.push({
+  selector: '#' + 'CommandButtonDisabled',
+  fileName: 'commandButtonDisabled',
+  commands: commands
+});
+
 casper.
   start(baseUrl + 'commandButton').
-  then(function () {
-    phantomcss.screenshot('#CommandButton', 'CommandButton_not_pressed');
-  }).then(function () {
-    this.mouse.move('#CommandButton');
-    phantomcss.screenshot('#CommandButton', 'CommandButton_hovered');
-  }).then(function () {
-    this.mouse.down('#CommandButton');
-    phantomcss.screenshot('#CommandButton', 'CommandButton_pressed');
-  }).then(function () {
-    phantomcss.screenshot('#CommandButtonDisabled', 'CommandButtonDisabled_not_pressed');
-  }).then(function () {
-    this.mouse.move('#CommandButtonDisabled');
-    phantomcss.screenshot('#CommandButtonDisabled', 'CommandButtonDisabled_hovered');
-  }).then(function () {
-    this.mouse.down('#CommandButtonDisabled');
-    phantomcss.screenshot('#CommandButtonDisabled', 'CommandButtonDisabled_pressed');
+  then(() => {
+    testRunner(componentIds);
   });
-casper.run(function () { casper.test.done(); });
-/* tslint:enable:no-function-expression */
+
+casper.run(() => { casper.test.done(); });
diff --git a/packages/office-ui-fabric-react/src/components/Button/CommandButtonPage.visualtest.tsx b/packages/office-ui-fabric-react/src/components/Button/CommandButtonPage.visualtest.tsx
index cfec295e7490a..ea0a8139c6432 100644
--- a/packages/office-ui-fabric-react/src/components/Button/CommandButtonPage.visualtest.tsx
+++ b/packages/office-ui-fabric-react/src/components/Button/CommandButtonPage.visualtest.tsx
@@ -2,6 +2,7 @@ import { CommandButton } from './index';
 /* tslint:disable:no-unused-variable */
 import * as React from 'react';
 /* tslint:enable:no-unused-variable */
+
 export default class CommandButtonVPage extends React.Component<any, any> {
   public render() {
     return <div>
diff --git a/packages/office-ui-fabric-react/src/components/Button/CompoundButton.visualtest.ts b/packages/office-ui-fabric-react/src/components/Button/CompoundButton.visualtest.ts
index 3ba25f1e362ee..4df36d7e16221 100644
--- a/packages/office-ui-fabric-react/src/components/Button/CompoundButton.visualtest.ts
+++ b/packages/office-ui-fabric-react/src/components/Button/CompoundButton.visualtest.ts
@@ -1,27 +1,34 @@
 import { Casper, IPhantomCSS } from '../../visualtest/PhantomCssInterface';
 import { baseUrl } from '../../common/VisualTest';
+import { defaultScreenshot, mouseMoveScreenshot, mouseDownScreenshot, mouseClickScreenshot, testRunner } from '../../visualtest/RunVisualTest';
+import { IRunVisualTest } from '../../visualtest/IRunVisualTest';
+
 declare var phantomcss: IPhantomCSS;
 declare var casper: Casper;
-/* tslint:disable:no-function-expression */
+
+let commands: ((params: IRunVisualTest) => void)[] = [];
+
+commands.push(defaultScreenshot);
+commands.push(mouseMoveScreenshot);
+commands.push(mouseDownScreenshot);
+commands.push(mouseClickScreenshot);
+let componentIds: IRunVisualTest[] = [];
+
+componentIds.push({
+  selector: '#' + 'CompoundButton',
+  fileName: 'compoundButton',
+  commands: commands
+});
+componentIds.push({
+  selector: '#' + 'CompoundButtonDisabled',
+  fileName: 'compoundButtonDisabled',
+  commands: commands
+});
+
 casper.
   start(baseUrl + 'compoundButton').
-  then(function () {
-    phantomcss.screenshot('#CompoundButton', 'CompoundButton_not_pressed');
-  }).then(function () {
-    this.mouse.move('#CompoundButton');
-    phantomcss.screenshot('#CompoundButton', 'CompoundButton_hovered');
-  }).then(function () {
-    this.mouse.down('#CompoundButton');
-    phantomcss.screenshot('#CompoundButton', 'CompoundButton_pressed');
-  }).
-  then(function () {
-    phantomcss.screenshot('#CompoundButtonDisabled', 'CompoundButtonDisabled_not_pressed');
-  }).then(function () {
-    this.mouse.move('#CompoundButtonDisabled');
-    phantomcss.screenshot('#CompoundButtonDisabled', 'CompoundButtonDisabled_hovered');
-  }).then(function () {
-    this.mouse.down('#CompoundButtonDisabled');
-    phantomcss.screenshot('#CompoundButtonDisabled', 'CompoundButtonDisabled_pressed');
+  then(() => {
+    testRunner(componentIds);
   });
-casper.run(function () { casper.test.done(); });
-/* tslint:enable:no-function-expression */
\ No newline at end of file
+
+casper.run(() => { casper.test.done(); });
\ No newline at end of file
diff --git a/packages/office-ui-fabric-react/src/components/Button/ContextualButton.visualtest.ts b/packages/office-ui-fabric-react/src/components/Button/ContextualButton.visualtest.ts
index ad7c458e68aff..1f723f5f0f137 100644
--- a/packages/office-ui-fabric-react/src/components/Button/ContextualButton.visualtest.ts
+++ b/packages/office-ui-fabric-react/src/components/Button/ContextualButton.visualtest.ts
@@ -1,29 +1,46 @@
 import { Casper, IPhantomCSS } from '../../visualtest/PhantomCssInterface';
 import { baseUrl } from '../../common/VisualTest';
+import { defaultScreenshot, mouseMoveScreenshot, mouseDownScreenshot, mouseClickScreenshot, mouseSingleClickScreenshot, testRunner } from '../../visualtest/RunVisualTest';
+import { IRunVisualTest } from '../../visualtest/IRunVisualTest';
+
 declare var phantomcss: IPhantomCSS;
 declare var casper: Casper;
-/* tslint:disable:no-function-expression */
+
+let commands: ((params: IRunVisualTest) => void)[] = [];
+commands.push(defaultScreenshot);
+commands.push(mouseMoveScreenshot);
+commands.push(mouseDownScreenshot);
+commands.push(mouseClickScreenshot);
+
+let componentIds: IRunVisualTest[] = [];
+
+componentIds.push({
+  selector: '#' + 'ContextualButton',
+  fileName: 'contextualButton',
+  commands: commands
+});
+
+componentIds.push({
+  selector: '#' + 'ContextualButtonDisabled',
+  fileName: 'contextualButtonDisabled',
+  commands: commands
+});
+
+componentIds.push({
+  selector: '#' + 'ContextualButton',
+  fileName: 'contextualButton',
+  commands: [mouseSingleClickScreenshot],
+  childParams: {
+    selector: '.' + 'ms-ContextualMenu-list',
+    fileName: 'contextualButtonMenu',
+    commands: commands
+  }
+});
+
 casper.
   start(baseUrl + 'contextualButton').
-  then(function () {
-    phantomcss.screenshot('#ContextualButton', 'ContextualButton_not_pressed');
-  }).then(function () {
-    this.mouse.move('#ContextualButton');
-    phantomcss.screenshot('#ContextualButton', 'ContextualButton_hovered');
-  }).then(function () {
-    this.mouse.down('#ContextualButton');
-    casper.wait(2000);
-    phantomcss.screenshot('#ContextualButton', 'ContextualButton_pressed');
-    phantomcss.screenshot('.ContextualButtonMenu', 'ContextualButtonMenu_pressed');
-  }).
-  then(function () {
-    phantomcss.screenshot('#ContextualButtonDisabled', 'ContextualButtonDisabled_not_pressed');
-  }).then(function () {
-    this.mouse.move('#ContextualButtonDisabled');
-    phantomcss.screenshot('#ContextualButtonDisabled', 'ContextualButtonDisabled_hovered');
-  }).then(function () {
-    this.mouse.down('#ContextualButtonDisabled');
-    phantomcss.screenshot('#ContextualButtonDisabled', 'ContextualButtonDisabled_pressed');
+  then(() => {
+    testRunner(componentIds);
   });
-casper.run(function () { casper.test.done(); });
-/* tslint:enable:no-function-expression */
\ No newline at end of file
+
+casper.run(() => { casper.test.done(); });
\ No newline at end of file
diff --git a/packages/office-ui-fabric-react/src/components/Button/DefaultButton.visualtest.ts b/packages/office-ui-fabric-react/src/components/Button/DefaultButton.visualtest.ts
index f047223a8ed54..05341f2e252e6 100644
--- a/packages/office-ui-fabric-react/src/components/Button/DefaultButton.visualtest.ts
+++ b/packages/office-ui-fabric-react/src/components/Button/DefaultButton.visualtest.ts
@@ -1,29 +1,38 @@
 import { Casper, IPhantomCSS } from '../../visualtest/PhantomCssInterface';
 import { baseUrl } from '../../common/VisualTest';
+import {
+  defaultScreenshot, mouseMoveScreenshot, mouseDownScreenshot,
+  mouseClickScreenshot, testRunner
+} from '../../visualtest/RunVisualTest';
+import { IRunVisualTest } from '../../visualtest/IRunVisualTest';
+
 declare var phantomcss: IPhantomCSS;
 declare var casper: Casper;
-/* tslint:disable:no-function-expression */
+
+let componentIds: IRunVisualTest[] = [];
+
+let commands: ((params: IRunVisualTest) => void)[] = [];
+
+commands.push(defaultScreenshot);
+commands.push(mouseMoveScreenshot);
+commands.push(mouseDownScreenshot);
+commands.push(mouseClickScreenshot);
+
+componentIds.push({
+  selector: '#' + 'DefaultButton',
+  fileName: 'defaultButton',
+  commands: commands
+});
+componentIds.push({
+  selector: '#' + 'DefaultButtonDisabled',
+  fileName: 'defaultButtonDisabled',
+  commands: commands
+});
+
 casper.
   start(baseUrl + 'defaultButton').
-  then(function () {
-    phantomcss.screenshot('#DefaultButton', 'DefaultButton_not_pressed');
-  }).then(function () {
-    this.mouse.move('#DefaultButton');
-    phantomcss.screenshot('#DefaultButton', 'DefaultButton_hovered');
-  }).then(function () {
-    this.mouse.down('#DefaultButton');
-    phantomcss.screenshot('#DefaultButton', 'DefaultButton_pressed');
-  }).
-  then(function () {
-    phantomcss.screenshot('#DefaultButtonDisabled', 'DefaultButtonDisabled_not_pressed');
-  }).then(function () {
-    this.mouse.move('#DefaultButtonDisabled');
-    phantomcss.screenshot('#DefaultButtonDisabled', 'DefaultButtonDisabled_hovered');
-  }).then(function () {
-    this.mouse.down('#DefaultButtonDisabled');
-    phantomcss.screenshot('#DefaultButtonDisabled', 'DefaultButtonDisabled_pressed');
-  }).then(function () {
-    phantomcss.screenshot('#IconButton', 'Icon_Button');
+  then(() => {
+    testRunner(componentIds);
   });
-casper.run(function () { casper.test.done(); });
-/* tslint:enable:no-function-expression */
\ No newline at end of file
+
+casper.run(() => { casper.test.done(); });
\ No newline at end of file
diff --git a/packages/office-ui-fabric-react/src/components/Button/PrimaryButton.visualtest.ts b/packages/office-ui-fabric-react/src/components/Button/PrimaryButton.visualtest.ts
index d13b0b3c33796..792ec08400870 100644
--- a/packages/office-ui-fabric-react/src/components/Button/PrimaryButton.visualtest.ts
+++ b/packages/office-ui-fabric-react/src/components/Button/PrimaryButton.visualtest.ts
@@ -1,26 +1,38 @@
 import { Casper, IPhantomCSS } from '../../visualtest/PhantomCssInterface';
 import { baseUrl } from '../../common/VisualTest';
+import {
+  defaultScreenshot, mouseMoveScreenshot, mouseDownScreenshot,
+  mouseClickScreenshot, testRunner
+} from '../../visualtest/RunVisualTest';
+import { IRunVisualTest } from '../../visualtest/IRunVisualTest';
+
 declare var phantomcss: IPhantomCSS;
 declare var casper: Casper;
-/* tslint:disable:no-function-expression */
+
+let componentIds: IRunVisualTest[] = [];
+
+let commands: ((params: IRunVisualTest) => void)[] = [];
+
+commands.push(defaultScreenshot);
+commands.push(mouseMoveScreenshot);
+commands.push(mouseDownScreenshot);
+commands.push(mouseClickScreenshot);
+
+componentIds.push({
+  selector: '#' + 'PrimaryButton',
+  fileName: 'primaryButton',
+  commands: commands
+});
+componentIds.push({
+  selector: '#' + 'PrimaryButtonDisabled',
+  fileName: 'primaryButtonDisabled',
+  commands: commands
+});
+
 casper.
   start(baseUrl + 'primaryButton').
-  then(function () {
-    phantomcss.screenshot('#PrimaryButton', 'PrimaryButton_not_pressed');
-  }).then(function () {
-    this.mouse.move('#PrimaryButton');
-    phantomcss.screenshot('#PrimaryButton', 'PrimaryButton_hovered');
-  }).then(function () {
-    this.mouse.down('#PrimaryButton');
-    phantomcss.screenshot('#PrimaryButton', 'PrimaryButton_pressed');
-  }).then(function () {
-    phantomcss.screenshot('#PrimaryButtonDisabled', 'PrimaryButtonDisabled_not_pressed');
-  }).then(function () {
-    this.mouse.move('#PrimaryButtonDisabled');
-    phantomcss.screenshot('#PrimaryButtonDisabled', 'PrimaryButtonDisabled_hovered');
-  }).then(function () {
-    this.mouse.down('#PrimaryButtonDisabled');
-    phantomcss.screenshot('#PrimaryButtonDisabled', 'PrimaryButtonDisabled_pressed');
+  then(() => {
+    testRunner(componentIds);
   });
-casper.run(function () { casper.test.done(); });
-/* tslint:enable:no-function-expression */
\ No newline at end of file
+
+casper.run(() => { casper.test.done(); });
diff --git a/packages/office-ui-fabric-react/src/components/Checkbox/Checkbox.visualtest.ts b/packages/office-ui-fabric-react/src/components/Checkbox/Checkbox.visualtest.ts
index 11177b3095d40..9e4cd41ba3e63 100644
--- a/packages/office-ui-fabric-react/src/components/Checkbox/Checkbox.visualtest.ts
+++ b/packages/office-ui-fabric-react/src/components/Checkbox/Checkbox.visualtest.ts
@@ -1,27 +1,42 @@
 import { Casper, IPhantomCSS } from '../../visualtest/PhantomCssInterface';
 import { baseUrl } from '../../common/VisualTest';
+import { defaultScreenshot, mouseMoveScreenshot, mouseDownScreenshot, mouseClickScreenshot } from '../../visualtest/RunVisualTest';
+import { IRunVisualTest } from '../../visualtest/IRunVisualTest';
+
 declare var phantomcss: IPhantomCSS;
 declare var casper: Casper;
-/* tslint:disable:no-function-expression */
+let commands: ((params: IRunVisualTest) => void)[] = [];
+
+commands.push(defaultScreenshot);
+commands.push(mouseMoveScreenshot);
+commands.push(mouseDownScreenshot);
+commands.push(mouseClickScreenshot);
+
+let componentIds: IRunVisualTest[] = [];
+
+componentIds.push({
+  selector: '.' + 'Checkbox',
+  fileName: 'checkbox',
+  commands: commands
+});
+componentIds.push({
+  selector: '.' + 'CheckboxDisabled',
+  fileName: 'checkboxDisabled',
+  commands: commands
+});
+
+function testRunner() {
+  componentIds.forEach(element => {
+    element.commands.forEach(command => {
+      command(element);
+    });
+  });
+}
+
 casper.
   start(baseUrl + 'checkbox').
-  then(function () {
-    phantomcss.screenshot('.Checkbox', 'Checkbox_not_pressed');
-  }).then(function () {
-    this.mouse.move('.Checkbox');
-    phantomcss.screenshot('.Checkbox', 'Checkbox_hovered');
-  }).then(function () {
-    this.mouse.down('.Checkbox');
-    phantomcss.screenshot('.Checkbox', 'Checkbox_pressed');
-  }).
-  then(function () {
-    phantomcss.screenshot('.CheckboxDisabled', 'CheckboxDisabled_not_pressed');
-  }).then(function () {
-    this.mouse.move('.CheckboxDisabled');
-    phantomcss.screenshot('.CheckboxDisabled', 'CheckboxDisabled_hovered');
-  }).then(function () {
-    this.mouse.down('.CheckboxDisabled');
-    phantomcss.screenshot('.CheckboxDisabled', 'CheckboxDisabled_pressed');
+  then(() => {
+    testRunner();
   });
-casper.run(function () { casper.test.done(); });
-/* tslint:enable:no-function-expression */
\ No newline at end of file
+
+casper.run(() => { casper.test.done(); });
diff --git a/packages/office-ui-fabric-react/src/components/ChoiceGroup/ChoiceGroup.visualtest.ts b/packages/office-ui-fabric-react/src/components/ChoiceGroup/ChoiceGroup.visualtest.ts
index 7526aaebf0473..cf019bc656586 100644
--- a/packages/office-ui-fabric-react/src/components/ChoiceGroup/ChoiceGroup.visualtest.ts
+++ b/packages/office-ui-fabric-react/src/components/ChoiceGroup/ChoiceGroup.visualtest.ts
@@ -1,35 +1,42 @@
 import { Casper, IPhantomCSS } from '../../visualtest/PhantomCssInterface';
 import { baseUrl } from '../../common/VisualTest';
+import { defaultScreenshot, mouseMoveScreenshot, mouseDownScreenshot, mouseClickScreenshot, testRunner } from '../../visualtest/RunVisualTest';
+import { IRunVisualTest } from '../../visualtest/IRunVisualTest';
+
 declare var phantomcss: IPhantomCSS;
 declare var casper: Casper;
-/* tslint:disable:no-function-expression */
+
+let componentIds: IRunVisualTest[] = [];
+
+let commands: ((params: IRunVisualTest) => void)[] = [];
+
+commands.push(defaultScreenshot);
+commands.push(mouseMoveScreenshot);
+commands.push(mouseDownScreenshot);
+commands.push(mouseClickScreenshot);
+
+componentIds.push({
+  selector: '.' + 'ChoiceGroup',
+  fileName: 'choiceGroup',
+  commands: commands
+});
+
+componentIds.push({
+  selector: '.' + 'ChoiceGroupDisabled',
+  fileName: 'choiceGroupDisabled',
+  commands: commands
+});
+
+componentIds.push({
+  selector: '.' + 'ChoiceGroupIcon',
+  fileName: 'choiceGroupIcon',
+  commands: commands
+});
+
 casper.
   start(baseUrl + 'choiceGroup').
-  then(function () {
-    phantomcss.screenshot('.ChoiceGroup', 'ChoiceGroup_not_pressed');
-  }).then(function () {
-    this.mouse.move('.ChoiceGroup');
-    phantomcss.screenshot('.ChoiceGroup', 'ChoiceGroup_hovered');
-  }).then(function () {
-    this.mouse.down('.ChoiceGroup');
-    phantomcss.screenshot('.ChoiceGroup', 'ChoiceGroup_pressed');
-  }).
-  then(function () {
-    phantomcss.screenshot('.ChoiceGroupIcon', 'ChoiceGroupIcon_not_pressed');
-  }).then(function () {
-    this.mouse.move('.ChoiceGroupIcon');
-    phantomcss.screenshot('.ChoiceGroupIcon', 'ChoiceGroupIcon_hovered');
-  }).then(function () {
-    this.mouse.down('.ChoiceGroupIcon');
-    phantomcss.screenshot('.ChoiceGroupIcon', 'ChoiceGroupIcon_pressed');
-  }).then(function () {
-    phantomcss.screenshot('.ChoiceGroupDisabled', 'ChoiceGroupDisabled_not_pressed');
-  }).then(function () {
-    this.mouse.move('.ChoiceGroupDisabled');
-    phantomcss.screenshot('.ChoiceGroupDisabled', 'ChoiceGroupDisabled_hovered');
-  }).then(function () {
-    this.mouse.down('.ChoiceGroupDisabled');
-    phantomcss.screenshot('.ChoiceGroupDisabled', 'ChoiceGroupDisabled_pressed');
+  then(() => {
+    testRunner(componentIds);
   });
-casper.run(function () { casper.test.done(); });
-/* tslint:enable:no-function-expression */
\ No newline at end of file
+
+casper.run(() => { casper.test.done(); });
\ No newline at end of file
diff --git a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.visualtest.ts b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.visualtest.ts
index f867dabbacbae..8335de305bae3 100644
--- a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.visualtest.ts
+++ b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.visualtest.ts
@@ -1,18 +1,32 @@
 import { Casper, IPhantomCSS } from '../../visualtest/PhantomCssInterface';
 import { baseUrl } from '../../common/VisualTest';
+import {
+  defaultScreenshot, mouseMoveScreenshot, mouseDownScreenshot,
+  mouseClickScreenshot, testRunner
+} from '../../visualtest/RunVisualTest';
+import { IRunVisualTest } from '../../visualtest/IRunVisualTest';
+
 declare var phantomcss: IPhantomCSS;
 declare var casper: Casper;
-/* tslint:disable:no-function-expression */
+
+let componentIds: IRunVisualTest[] = [];
+let commands: ((params: IRunVisualTest) => void)[] = [];
+
+commands.push(defaultScreenshot);
+commands.push(mouseMoveScreenshot);
+commands.push(mouseDownScreenshot);
+commands.push(mouseClickScreenshot);
+
+componentIds.push({
+  selector: '#' + 'ContextualMenu',
+  fileName: 'contextualMenu',
+  commands: commands
+});
+
 casper.
   start(baseUrl + 'contextualMenu').
-  then(function () {
-    phantomcss.screenshot('#ContextualMenu', 'ContextualMenu_not_pressed');
-  }).then(function () {
-    this.mouse.move('#ContextualMenu');
-    phantomcss.screenshot('#ContextualMenu', 'ContextualMenu_hovered');
-  }).then(function () {
-    this.mouse.down('#ContextualMenu');
-    phantomcss.screenshot('#ContextualMenu', 'ContextualMenu_pressed');
+  then(() => {
+    testRunner(componentIds);
   });
-casper.run(function () { casper.test.done(); });
-/* tslint:enable:no-function-expression */
\ No newline at end of file
+
+casper.run(() => { casper.test.done(); });
diff --git a/packages/office-ui-fabric-react/src/components/DocumentCard/DocumentCard.visualtest.ts b/packages/office-ui-fabric-react/src/components/DocumentCard/DocumentCard.visualtest.ts
new file mode 100644
index 0000000000000..7668dbf699279
--- /dev/null
+++ b/packages/office-ui-fabric-react/src/components/DocumentCard/DocumentCard.visualtest.ts
@@ -0,0 +1,32 @@
+import { Casper, IPhantomCSS } from '../../visualtest/PhantomCssInterface';
+import { baseUrl } from '../../common/VisualTest';
+import {
+  defaultScreenshot, mouseMoveScreenshot,
+  mouseDownScreenshot, mouseClickScreenshot, testRunner
+} from '../../visualtest/RunVisualTest';
+import { IRunVisualTest } from '../../visualtest/IRunVisualTest';
+
+declare var phantomcss: IPhantomCSS;
+declare var casper: Casper;
+
+let componentIds: IRunVisualTest[] = [];
+let commands: ((params: IRunVisualTest) => void)[] = [];
+
+commands.push(defaultScreenshot);
+commands.push(mouseMoveScreenshot);
+commands.push(mouseDownScreenshot);
+commands.push(mouseClickScreenshot);
+
+componentIds.push({
+  selector: '.' + 'DocumentCard',
+  fileName: 'documentCard',
+  commands: commands
+});
+
+casper.
+  start(baseUrl + 'documentCard').
+  then(() => {
+    testRunner(componentIds);
+  });
+
+casper.run(() => { casper.test.done(); });
diff --git a/packages/office-ui-fabric-react/src/components/DocumentCard/DocumentCardPage.visualtest.tsx b/packages/office-ui-fabric-react/src/components/DocumentCard/DocumentCardPage.visualtest.tsx
new file mode 100644
index 0000000000000..77fe9a74ea3c8
--- /dev/null
+++ b/packages/office-ui-fabric-react/src/components/DocumentCard/DocumentCardPage.visualtest.tsx
@@ -0,0 +1,38 @@
+import { DocumentCard, DocumentCardPreview, DocumentCardTitle, DocumentCardActivity, IDocumentCardPreviewProps } from './index';
+/* tslint:disable:no-unused-variable */
+import * as React from 'react';
+/* tslint:enable:no-unused-variable */
+export default class DocumentCardVPage extends React.Component<any, any> {
+  public render() {
+    let previewProps: IDocumentCardPreviewProps = {
+      previewImages: [
+        {
+          name: 'DocumentCard',
+          url: 'http://bing.com',
+          previewImageSrc: 'dist/document-preview.png',
+          iconSrc: 'dist/icon-ppt.png',
+          width: 318,
+          height: 196,
+          accentColor: '#ce4b1f'
+        }
+      ],
+    };
+    return <div >
+      <DocumentCard className='DocumentCard'>
+        <DocumentCardPreview { ...previewProps } />
+        <DocumentCardTitle
+          title='Document Card'
+          shouldTruncate={ true } />
+        <DocumentCardActivity
+          activity='Created a few minutes ago'
+          people={
+            [
+              { name: 'Annie Lindqvist', profileImageSrc: 'images/persona-female.png' }
+            ]
+          }
+        />
+      </DocumentCard>
+
+    </div>;
+  }
+}
\ No newline at end of file
diff --git a/packages/office-ui-fabric-react/src/visualtest/IRunVisualTest.ts b/packages/office-ui-fabric-react/src/visualtest/IRunVisualTest.ts
new file mode 100644
index 0000000000000..d0bd1368da31e
--- /dev/null
+++ b/packages/office-ui-fabric-react/src/visualtest/IRunVisualTest.ts
@@ -0,0 +1,7 @@
+
+export interface IRunVisualTest {
+  selector: string;
+  fileName: string;
+  commands: ((params: IRunVisualTest) => void)[];
+  childParams?: IRunVisualTest;
+}
\ No newline at end of file
diff --git a/packages/office-ui-fabric-react/src/visualtest/RunVisualTest.ts b/packages/office-ui-fabric-react/src/visualtest/RunVisualTest.ts
new file mode 100644
index 0000000000000..63485dfcf7580
--- /dev/null
+++ b/packages/office-ui-fabric-react/src/visualtest/RunVisualTest.ts
@@ -0,0 +1,70 @@
+
+import { Casper, IPhantomCSS } from './PhantomCssInterface';
+import { IRunVisualTest } from './IRunVisualTest';
+declare var phantomcss: IPhantomCSS;
+declare var casper: Casper;
+
+export function defaultScreenshot(params: IRunVisualTest) {
+  casper.then(() => {
+    phantomcss.screenshot(params.selector, params.fileName + '_default');
+  });
+  if (params.childParams) {
+    params.childParams.commands.forEach(commandList => {
+      commandList(params.childParams);
+    });
+  }
+}
+
+export function mouseMoveScreenshot(params: IRunVisualTest) {
+  casper.then(function () {
+    this.mouse.move(params.selector);
+    phantomcss.screenshot(params.selector, params.fileName + '_mouseMove');
+  });
+  if (params.childParams) {
+    params.childParams.commands.forEach(commandList => {
+      commandList(params.childParams);
+    });
+  }
+}
+
+export function mouseDownScreenshot(params: IRunVisualTest) {
+  casper.then(function () {
+    this.mouse.down(params.selector);
+    phantomcss.screenshot(params.selector, params.fileName + '_mouseDown');
+  });
+  if (params.childParams) {
+    params.childParams.commands.forEach(commandList => {
+      commandList(params.childParams);
+    });
+  }
+}
+export function mouseClickScreenshot(params: IRunVisualTest) {
+  casper.then(function () {
+    this.click(params.selector);
+    phantomcss.screenshot(params.selector, params.fileName + '_mouseClick');
+    this.click(params.selector);
+  });
+  if (params.childParams) {
+    params.childParams.commands.forEach(commandList => {
+      commandList(params.childParams);
+    });
+  }
+}
+export function mouseSingleClickScreenshot(params: IRunVisualTest) {
+  casper.then(function () {
+    this.click(params.selector);
+    phantomcss.screenshot(params.selector, params.fileName + '_mouseSingleClick');
+  });
+  if (params.childParams) {
+    params.childParams.commands.forEach(commandList => {
+      commandList(params.childParams);
+    });
+  }
+}
+export function testRunner(componentIds: IRunVisualTest[]) {
+  componentIds.forEach(element => {
+    element.commands.forEach(command => {
+      command(element);
+    });
+  });
+}
\ No newline at end of file
diff --git a/packages/office-ui-fabric-react/visualtest.html b/packages/office-ui-fabric-react/visualtest.html
index 68347968b8113..5da25581f879b 100644
--- a/packages/office-ui-fabric-react/visualtest.html
+++ b/packages/office-ui-fabric-react/visualtest.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html>
+<html dir="ltr">
 
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
@@ -15,33 +15,49 @@
 </head>
 
 <body>
+  <br>
+  <h1>
+    <center>Regression Test Results</center>
+  </h1>
+  </br>
+  <div style=float:left;width:30%;margin-left:100px>
+    <div>
+      <h2>Fabric Components</h2>
+    </div>&nbsp;
+    <div><a href="http://localhost:43210/visualtest.html?#/breadcrumb"> Breadcrumb</a></div>&nbsp;
+    <div><a href="http://localhost:43210/visualtest.html?#/documentCard"> Document Card</a></div>&nbsp;
+    <div><a href="http://localhost:43210/visualtest.html?#/defaultButton"> Default Button</a></div>&nbsp;
+    <div><a href="http://localhost:43210/visualtest.html?#/primaryButton"> Primary Button</a></div>&nbsp;
+    <div><a href="http://localhost:43210/visualtest.html?#/compoundButton"> Compound Button</a></div>&nbsp;
+    <div><a href="http://localhost:43210/visualtest.html?#/commandButton"> Command Button</a></div>&nbsp;
+    <div><a href="http://localhost:43210/visualtest.html?#/contextualButton"> Contextual Button</a></div>&nbsp;
+    <div><a href="http://localhost:43210/visualtest.html?#/checkBox"> Checkbox</a></div>&nbsp;
+    <div><a href="http://localhost:43210/visualtest.html?#/choiceGroup"> Choice Group</a></div>&nbsp;
+    <div><a href="http://localhost:43210/visualtest.html?#/contextualMenu"> Contextual Menu</a></div>&nbsp;
 
-  <div>
-    <div><a href="http://localhost:43210/visualtest.html?#/defaultButton"> Default Button</a></div>
-    <div><a href="http://localhost:43210/visualtest.html?#/primaryButton"> Primary Button</a></div>
-    <div><a href="http://localhost:43210/visualtest.html?#/compoundButton"> Compound Button</a></div>
-    <div><a href="http://localhost:43210/visualtest.html?#/commandButton"> Command Button</a></div>
-    <div><a href="http://localhost:43210/visualtest.html?#/contextualButton"> Contextual Button</a></div>
-    <div><a href="http://localhost:43210/visualtest.html?#/contextualMenu"> Contextual Menu</a></div>
-    <div><a href="http://localhost:43210/visualtest.html?#/checkBox"> Checkbox</a></div>
-    <div><a href="http://localhost:43210/visualtest.html?#/choiceGroup"> Choice Group</a></div>
+  </div>
+  <div style=float:left;width:30%;margin-left:100px>
+    <div>
+      <h2>Baseline Images</h2>
+    </div>
+  </div>
 
-    <div id="content"></div>
-    <script type="text/javascript">
-      function loadScript(n) {
-        for (var i = 0; i < n.length; i++) {
-          var s = document.createElement('script');
-          s.src = n[i];
-          s.async = false;
-          document.body.appendChild(s);
-        }
+  <div id="content"></div>
+  <script type="text/javascript">
+    function loadScript(n) {
+      for (var i = 0; i < n.length; i++) {
+        var s = document.createElement('script');
+        s.src = n[i];
+        s.async = false;
+        document.body.appendChild(s);
       }
-      loadScript([
-        '//cdnjs.cloudflare.com/ajax/libs/react/15.4.0/react.js',
-        '//cdnjs.cloudflare.com/ajax/libs/react/15.4.0/react-dom.js',
-        'dist/fabric-test.js']
-      );
-    </script>
+    }
+    loadScript([
+      '//cdnjs.cloudflare.com/ajax/libs/react/15.4.0/react.js ',
+      '//cdnjs.cloudflare.com/ajax/libs/react/15.4.0/react-dom.js ',
+      'dist/fabric-test.js ']
+    );
+  </script>
 
 </body>
 
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/CheckboxDisabled_hovered_4.png b/packages/office-ui-fabric-react/visualtests/baseline/CheckboxDisabled_default_4.png
similarity index 100%
rename from packages/office-ui-fabric-react/visualtests/baseline/CheckboxDisabled_hovered_4.png
rename to packages/office-ui-fabric-react/visualtests/baseline/CheckboxDisabled_default_4.png
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/Checkbox_not_pressed_0.png b/packages/office-ui-fabric-react/visualtests/baseline/Checkbox_default_0.png
similarity index 100%
rename from packages/office-ui-fabric-react/visualtests/baseline/Checkbox_not_pressed_0.png
rename to packages/office-ui-fabric-react/visualtests/baseline/Checkbox_default_0.png
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/Checkbox_hovered_1.png b/packages/office-ui-fabric-react/visualtests/baseline/Checkbox_hovered_1.png
deleted file mode 100644
index 45932b6d64ccb..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/Checkbox_hovered_1.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupDisabled_default_4.png b/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupDisabled_default_4.png
new file mode 100644
index 0000000000000..53577ac9d4734
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupDisabled_default_4.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupDisabled_hovered_7.png b/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupDisabled_hovered_7.png
deleted file mode 100644
index 96e656eb0bae7..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupDisabled_hovered_7.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupDisabled_not_pressed_6.png b/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupDisabled_not_pressed_6.png
deleted file mode 100644
index 96e656eb0bae7..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupDisabled_not_pressed_6.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupDisabled_pressed_8.png b/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupDisabled_pressed_8.png
deleted file mode 100644
index 96e656eb0bae7..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupDisabled_pressed_8.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupIcon_default_8.png b/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupIcon_default_8.png
new file mode 100644
index 0000000000000..6b3a4dd126335
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupIcon_default_8.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupIcon_hovered_4.png b/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupIcon_hovered_4.png
deleted file mode 100644
index 6388be5dcfce1..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupIcon_hovered_4.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupIcon_not_pressed_3.png b/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupIcon_not_pressed_3.png
deleted file mode 100644
index 6388be5dcfce1..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupIcon_not_pressed_3.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupIcon_pressed_5.png b/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupIcon_pressed_5.png
deleted file mode 100644
index 6388be5dcfce1..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroupIcon_pressed_5.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroup_default_0.png b/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroup_default_0.png
new file mode 100644
index 0000000000000..07e864508ce11
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroup_default_0.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroup_hovered_1.png b/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroup_hovered_1.png
deleted file mode 100644
index 6e8e3ffb5a86a..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroup_hovered_1.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroup_not_pressed_0.png b/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroup_not_pressed_0.png
deleted file mode 100644
index 6e8e3ffb5a86a..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroup_not_pressed_0.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroup_pressed_2.png b/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroup_pressed_2.png
deleted file mode 100644
index 6e8e3ffb5a86a..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/ChoiceGroup_pressed_2.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/CommandButtonDisabled_hovered_4.png b/packages/office-ui-fabric-react/visualtests/baseline/CommandButtonDisabled_hovered_4.png
deleted file mode 100644
index a00607a962e79..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/CommandButtonDisabled_hovered_4.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/CommandButtonDisabled_not_pressed_3.png b/packages/office-ui-fabric-react/visualtests/baseline/CommandButtonDisabled_not_pressed_3.png
deleted file mode 100644
index a00607a962e79..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/CommandButtonDisabled_not_pressed_3.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/CommandButtonDisabled_pressed_5.png b/packages/office-ui-fabric-react/visualtests/baseline/CommandButtonDisabled_pressed_5.png
deleted file mode 100644
index a00607a962e79..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/CommandButtonDisabled_pressed_5.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/CommandButton_default_0.png b/packages/office-ui-fabric-react/visualtests/baseline/CommandButton_default_0.png
new file mode 100644
index 0000000000000..5e646fb1339f8
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/CommandButton_default_0.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/CommandButton_not_pressed_0.png b/packages/office-ui-fabric-react/visualtests/baseline/CommandButton_not_pressed_0.png
deleted file mode 100644
index 61737acb51cdc..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/CommandButton_not_pressed_0.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/CommandButton_pressed_2.png b/packages/office-ui-fabric-react/visualtests/baseline/CommandButton_pressed_2.png
deleted file mode 100644
index d70695be6c101..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/CommandButton_pressed_2.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/CompoundButtonDisabled_default_4.png b/packages/office-ui-fabric-react/visualtests/baseline/CompoundButtonDisabled_default_4.png
new file mode 100644
index 0000000000000..1b3d75d439683
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/CompoundButtonDisabled_default_4.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/CompoundButtonDisabled_hovered_4.png b/packages/office-ui-fabric-react/visualtests/baseline/CompoundButtonDisabled_hovered_4.png
deleted file mode 100644
index 91b14c95d1cb3..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/CompoundButtonDisabled_hovered_4.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/CompoundButtonDisabled_not_pressed_3.png b/packages/office-ui-fabric-react/visualtests/baseline/CompoundButtonDisabled_not_pressed_3.png
deleted file mode 100644
index 91b14c95d1cb3..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/CompoundButtonDisabled_not_pressed_3.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/CompoundButtonDisabled_pressed_5.png b/packages/office-ui-fabric-react/visualtests/baseline/CompoundButtonDisabled_pressed_5.png
deleted file mode 100644
index 91b14c95d1cb3..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/CompoundButtonDisabled_pressed_5.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/CompoundButton_default_0.png b/packages/office-ui-fabric-react/visualtests/baseline/CompoundButton_default_0.png
new file mode 100644
index 0000000000000..16499160795c4
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/CompoundButton_default_0.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/CompoundButton_hovered_1.png b/packages/office-ui-fabric-react/visualtests/baseline/CompoundButton_hovered_1.png
deleted file mode 100644
index 4aa304aca06ed..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/CompoundButton_hovered_1.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/CompoundButton_not_pressed_0.png b/packages/office-ui-fabric-react/visualtests/baseline/CompoundButton_not_pressed_0.png
deleted file mode 100644
index 5d54d774b1856..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/CompoundButton_not_pressed_0.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/CompoundButton_pressed_2.png b/packages/office-ui-fabric-react/visualtests/baseline/CompoundButton_pressed_2.png
deleted file mode 100644
index 19f3a0e2773b8..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/CompoundButton_pressed_2.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ContextualButtonDisabled_default_4.png b/packages/office-ui-fabric-react/visualtests/baseline/ContextualButtonDisabled_default_4.png
new file mode 100644
index 0000000000000..49856ac3506d8
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/ContextualButtonDisabled_default_4.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ContextualButtonDisabled_hovered_5.png b/packages/office-ui-fabric-react/visualtests/baseline/ContextualButtonDisabled_hovered_5.png
deleted file mode 100644
index 4779b46b7a3a4..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/ContextualButtonDisabled_hovered_5.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ContextualButtonDisabled_not_pressed_4.png b/packages/office-ui-fabric-react/visualtests/baseline/ContextualButtonDisabled_not_pressed_4.png
deleted file mode 100644
index 4779b46b7a3a4..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/ContextualButtonDisabled_not_pressed_4.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ContextualButtonDisabled_pressed_6.png b/packages/office-ui-fabric-react/visualtests/baseline/ContextualButtonDisabled_pressed_6.png
deleted file mode 100644
index 4779b46b7a3a4..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/ContextualButtonDisabled_pressed_6.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ContextualButton_default_0.png b/packages/office-ui-fabric-react/visualtests/baseline/ContextualButton_default_0.png
new file mode 100644
index 0000000000000..2de29e07c98e2
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/ContextualButton_default_0.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ContextualButton_hovered_1.png b/packages/office-ui-fabric-react/visualtests/baseline/ContextualButton_hovered_1.png
deleted file mode 100644
index 84b0c0911f971..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/ContextualButton_hovered_1.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ContextualButton_not_pressed_0.png b/packages/office-ui-fabric-react/visualtests/baseline/ContextualButton_not_pressed_0.png
deleted file mode 100644
index 5d8ceb8e07ab1..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/ContextualButton_not_pressed_0.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ContextualButton_pressed_2.png b/packages/office-ui-fabric-react/visualtests/baseline/ContextualButton_pressed_2.png
deleted file mode 100644
index 52040d306e678..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/ContextualButton_pressed_2.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ContextualMenu_hovered_1.png b/packages/office-ui-fabric-react/visualtests/baseline/ContextualMenu_hovered_1.png
deleted file mode 100644
index 7912b6c2439e6..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/ContextualMenu_hovered_1.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/DefaultButtonDisabled_default_4.png b/packages/office-ui-fabric-react/visualtests/baseline/DefaultButtonDisabled_default_4.png
new file mode 100644
index 0000000000000..7fd18c6b39088
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/DefaultButtonDisabled_default_4.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/DefaultButtonDisabled_hovered_4.png b/packages/office-ui-fabric-react/visualtests/baseline/DefaultButtonDisabled_hovered_4.png
deleted file mode 100644
index 04a808253e6cd..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/DefaultButtonDisabled_hovered_4.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/DefaultButtonDisabled_not_pressed_3.png b/packages/office-ui-fabric-react/visualtests/baseline/DefaultButtonDisabled_not_pressed_3.png
deleted file mode 100644
index 04a808253e6cd..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/DefaultButtonDisabled_not_pressed_3.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/DefaultButtonDisabled_pressed_5.png b/packages/office-ui-fabric-react/visualtests/baseline/DefaultButtonDisabled_pressed_5.png
deleted file mode 100644
index 04a808253e6cd..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/DefaultButtonDisabled_pressed_5.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/DefaultButton_default_0.png b/packages/office-ui-fabric-react/visualtests/baseline/DefaultButton_default_0.png
new file mode 100644
index 0000000000000..3a9523969c292
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/DefaultButton_default_0.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/DefaultButton_hovered_1.png b/packages/office-ui-fabric-react/visualtests/baseline/DefaultButton_hovered_1.png
deleted file mode 100644
index 85c6d34cb2abf..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/DefaultButton_hovered_1.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/DefaultButton_not_pressed_0.png b/packages/office-ui-fabric-react/visualtests/baseline/DefaultButton_not_pressed_0.png
deleted file mode 100644
index b7d4432d808be..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/DefaultButton_not_pressed_0.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/DefaultButton_pressed_2.png b/packages/office-ui-fabric-react/visualtests/baseline/DefaultButton_pressed_2.png
deleted file mode 100644
index d17a04427e3aa..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/DefaultButton_pressed_2.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/Icon_Button_6.png b/packages/office-ui-fabric-react/visualtests/baseline/Icon_Button_6.png
deleted file mode 100644
index 142a1402da945..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/Icon_Button_6.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/PrimaryButtonDisabled_hovered_4.png b/packages/office-ui-fabric-react/visualtests/baseline/PrimaryButtonDisabled_hovered_4.png
deleted file mode 100644
index 645a00fc3bb99..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/PrimaryButtonDisabled_hovered_4.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/PrimaryButtonDisabled_not_pressed_3.png b/packages/office-ui-fabric-react/visualtests/baseline/PrimaryButtonDisabled_not_pressed_3.png
deleted file mode 100644
index 645a00fc3bb99..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/PrimaryButtonDisabled_not_pressed_3.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/PrimaryButtonDisabled_pressed_5.png b/packages/office-ui-fabric-react/visualtests/baseline/PrimaryButtonDisabled_pressed_5.png
deleted file mode 100644
index 645a00fc3bb99..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/PrimaryButtonDisabled_pressed_5.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/PrimaryButton_hovered_1.png b/packages/office-ui-fabric-react/visualtests/baseline/PrimaryButton_hovered_1.png
deleted file mode 100644
index 786524aedde74..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/PrimaryButton_hovered_1.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/PrimaryButton_not_pressed_0.png b/packages/office-ui-fabric-react/visualtests/baseline/PrimaryButton_not_pressed_0.png
deleted file mode 100644
index b22c4ece9ab19..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/PrimaryButton_not_pressed_0.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/PrimaryButton_pressed_2.png b/packages/office-ui-fabric-react/visualtests/baseline/PrimaryButton_pressed_2.png
deleted file mode 100644
index b22c4ece9ab19..0000000000000
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/PrimaryButton_pressed_2.png and /dev/null differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/breadcrumb_default_0.png b/packages/office-ui-fabric-react/visualtests/baseline/breadcrumb_default_0.png
new file mode 100644
index 0000000000000..02d51343a6db5
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/breadcrumb_default_0.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/breadcrumb_mouseClick_3.png b/packages/office-ui-fabric-react/visualtests/baseline/breadcrumb_mouseClick_3.png
new file mode 100644
index 0000000000000..0fde1550f133b
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/breadcrumb_mouseClick_3.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/breadcrumb_mouseDown_2.png b/packages/office-ui-fabric-react/visualtests/baseline/breadcrumb_mouseDown_2.png
new file mode 100644
index 0000000000000..0fde1550f133b
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/breadcrumb_mouseDown_2.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/breadcrumb_mouseMove_1.png b/packages/office-ui-fabric-react/visualtests/baseline/breadcrumb_mouseMove_1.png
new file mode 100644
index 0000000000000..0fde1550f133b
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/breadcrumb_mouseMove_1.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/CheckboxDisabled_not_pressed_3.png b/packages/office-ui-fabric-react/visualtests/baseline/checkboxDisabled_mouseClick_7.png
similarity index 100%
rename from packages/office-ui-fabric-react/visualtests/baseline/CheckboxDisabled_not_pressed_3.png
rename to packages/office-ui-fabric-react/visualtests/baseline/checkboxDisabled_mouseClick_7.png
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/CheckboxDisabled_pressed_5.png b/packages/office-ui-fabric-react/visualtests/baseline/checkboxDisabled_mouseDown_6.png
similarity index 100%
rename from packages/office-ui-fabric-react/visualtests/baseline/CheckboxDisabled_pressed_5.png
rename to packages/office-ui-fabric-react/visualtests/baseline/checkboxDisabled_mouseDown_6.png
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/checkboxDisabled_mouseMove_5.png b/packages/office-ui-fabric-react/visualtests/baseline/checkboxDisabled_mouseMove_5.png
new file mode 100644
index 0000000000000..dffe8cf6acc3d
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/checkboxDisabled_mouseMove_5.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/Checkbox_pressed_2.png b/packages/office-ui-fabric-react/visualtests/baseline/checkbox_mouseClick_3.png
similarity index 100%
rename from packages/office-ui-fabric-react/visualtests/baseline/Checkbox_pressed_2.png
rename to packages/office-ui-fabric-react/visualtests/baseline/checkbox_mouseClick_3.png
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/checkbox_mouseDown_2.png b/packages/office-ui-fabric-react/visualtests/baseline/checkbox_mouseDown_2.png
new file mode 100644
index 0000000000000..f680879c46cfc
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/checkbox_mouseDown_2.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/checkbox_mouseMove_1.png b/packages/office-ui-fabric-react/visualtests/baseline/checkbox_mouseMove_1.png
new file mode 100644
index 0000000000000..f680879c46cfc
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/checkbox_mouseMove_1.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/choiceGroupDisabled_mouseClick_7.png b/packages/office-ui-fabric-react/visualtests/baseline/choiceGroupDisabled_mouseClick_7.png
new file mode 100644
index 0000000000000..53577ac9d4734
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/choiceGroupDisabled_mouseClick_7.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/choiceGroupDisabled_mouseDown_6.png b/packages/office-ui-fabric-react/visualtests/baseline/choiceGroupDisabled_mouseDown_6.png
new file mode 100644
index 0000000000000..53577ac9d4734
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/choiceGroupDisabled_mouseDown_6.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/choiceGroupDisabled_mouseMove_5.png b/packages/office-ui-fabric-react/visualtests/baseline/choiceGroupDisabled_mouseMove_5.png
new file mode 100644
index 0000000000000..53577ac9d4734
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/choiceGroupDisabled_mouseMove_5.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/choiceGroupIcon_mouseClick_11.png b/packages/office-ui-fabric-react/visualtests/baseline/choiceGroupIcon_mouseClick_11.png
new file mode 100644
index 0000000000000..6b3a4dd126335
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/choiceGroupIcon_mouseClick_11.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/choiceGroupIcon_mouseDown_10.png b/packages/office-ui-fabric-react/visualtests/baseline/choiceGroupIcon_mouseDown_10.png
new file mode 100644
index 0000000000000..6b3a4dd126335
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/choiceGroupIcon_mouseDown_10.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/choiceGroupIcon_mouseMove_9.png b/packages/office-ui-fabric-react/visualtests/baseline/choiceGroupIcon_mouseMove_9.png
new file mode 100644
index 0000000000000..6b3a4dd126335
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/choiceGroupIcon_mouseMove_9.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/choiceGroup_mouseClick_3.png b/packages/office-ui-fabric-react/visualtests/baseline/choiceGroup_mouseClick_3.png
new file mode 100644
index 0000000000000..07e864508ce11
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/choiceGroup_mouseClick_3.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/choiceGroup_mouseDown_2.png b/packages/office-ui-fabric-react/visualtests/baseline/choiceGroup_mouseDown_2.png
new file mode 100644
index 0000000000000..07e864508ce11
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/choiceGroup_mouseDown_2.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/choiceGroup_mouseMove_1.png b/packages/office-ui-fabric-react/visualtests/baseline/choiceGroup_mouseMove_1.png
new file mode 100644
index 0000000000000..07e864508ce11
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/choiceGroup_mouseMove_1.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/commandButtonDisabled_default_4.png b/packages/office-ui-fabric-react/visualtests/baseline/commandButtonDisabled_default_4.png
new file mode 100644
index 0000000000000..c1cda26b41ac6
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/commandButtonDisabled_default_4.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/commandButtonDisabled_mouseClick_7.png b/packages/office-ui-fabric-react/visualtests/baseline/commandButtonDisabled_mouseClick_7.png
new file mode 100644
index 0000000000000..c1cda26b41ac6
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/commandButtonDisabled_mouseClick_7.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/commandButtonDisabled_mouseDown_6.png b/packages/office-ui-fabric-react/visualtests/baseline/commandButtonDisabled_mouseDown_6.png
new file mode 100644
index 0000000000000..c1cda26b41ac6
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/commandButtonDisabled_mouseDown_6.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/commandButtonDisabled_mouseMove_5.png b/packages/office-ui-fabric-react/visualtests/baseline/commandButtonDisabled_mouseMove_5.png
new file mode 100644
index 0000000000000..c1cda26b41ac6
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/commandButtonDisabled_mouseMove_5.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/commandButton_mouseClick_3.png b/packages/office-ui-fabric-react/visualtests/baseline/commandButton_mouseClick_3.png
new file mode 100644
index 0000000000000..616fb8b63aee4
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/commandButton_mouseClick_3.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/commandButton_mouseDown_2.png b/packages/office-ui-fabric-react/visualtests/baseline/commandButton_mouseDown_2.png
new file mode 100644
index 0000000000000..616fb8b63aee4
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/commandButton_mouseDown_2.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/CommandButton_hovered_1.png b/packages/office-ui-fabric-react/visualtests/baseline/commandButton_mouseMove_1.png
similarity index 84%
rename from packages/office-ui-fabric-react/visualtests/baseline/CommandButton_hovered_1.png
rename to packages/office-ui-fabric-react/visualtests/baseline/commandButton_mouseMove_1.png
index 2248f570990e6..43cbe180d3512 100644
Binary files a/packages/office-ui-fabric-react/visualtests/baseline/CommandButton_hovered_1.png and b/packages/office-ui-fabric-react/visualtests/baseline/commandButton_mouseMove_1.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/compoundButtonDisabled_mouseClick_7.png b/packages/office-ui-fabric-react/visualtests/baseline/compoundButtonDisabled_mouseClick_7.png
new file mode 100644
index 0000000000000..1b3d75d439683
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/compoundButtonDisabled_mouseClick_7.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/compoundButtonDisabled_mouseDown_6.png b/packages/office-ui-fabric-react/visualtests/baseline/compoundButtonDisabled_mouseDown_6.png
new file mode 100644
index 0000000000000..1b3d75d439683
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/compoundButtonDisabled_mouseDown_6.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/compoundButtonDisabled_mouseMove_5.png b/packages/office-ui-fabric-react/visualtests/baseline/compoundButtonDisabled_mouseMove_5.png
new file mode 100644
index 0000000000000..1b3d75d439683
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/compoundButtonDisabled_mouseMove_5.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/compoundButton_mouseClick_3.png b/packages/office-ui-fabric-react/visualtests/baseline/compoundButton_mouseClick_3.png
new file mode 100644
index 0000000000000..ff8dbe2839a43
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/compoundButton_mouseClick_3.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/compoundButton_mouseDown_2.png b/packages/office-ui-fabric-react/visualtests/baseline/compoundButton_mouseDown_2.png
new file mode 100644
index 0000000000000..ff8dbe2839a43
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/compoundButton_mouseDown_2.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/compoundButton_mouseMove_1.png b/packages/office-ui-fabric-react/visualtests/baseline/compoundButton_mouseMove_1.png
new file mode 100644
index 0000000000000..44b2c70900b78
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/compoundButton_mouseMove_1.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/contextualButtonDisabled_mouseClick_7.png b/packages/office-ui-fabric-react/visualtests/baseline/contextualButtonDisabled_mouseClick_7.png
new file mode 100644
index 0000000000000..49856ac3506d8
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/contextualButtonDisabled_mouseClick_7.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/contextualButtonDisabled_mouseDown_6.png b/packages/office-ui-fabric-react/visualtests/baseline/contextualButtonDisabled_mouseDown_6.png
new file mode 100644
index 0000000000000..49856ac3506d8
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/contextualButtonDisabled_mouseDown_6.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/contextualButtonDisabled_mouseMove_5.png b/packages/office-ui-fabric-react/visualtests/baseline/contextualButtonDisabled_mouseMove_5.png
new file mode 100644
index 0000000000000..49856ac3506d8
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/contextualButtonDisabled_mouseMove_5.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/contextualButtonMenu_default_9.png b/packages/office-ui-fabric-react/visualtests/baseline/contextualButtonMenu_default_9.png
new file mode 100644
index 0000000000000..fc546b4c323c3
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/contextualButtonMenu_default_9.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/contextualButtonMenu_mouseClick_12.png b/packages/office-ui-fabric-react/visualtests/baseline/contextualButtonMenu_mouseClick_12.png
new file mode 100644
index 0000000000000..fc546b4c323c3
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/contextualButtonMenu_mouseClick_12.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/contextualButtonMenu_mouseDown_11.png b/packages/office-ui-fabric-react/visualtests/baseline/contextualButtonMenu_mouseDown_11.png
new file mode 100644
index 0000000000000..fc546b4c323c3
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/contextualButtonMenu_mouseDown_11.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/contextualButtonMenu_mouseMove_10.png b/packages/office-ui-fabric-react/visualtests/baseline/contextualButtonMenu_mouseMove_10.png
new file mode 100644
index 0000000000000..fc546b4c323c3
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/contextualButtonMenu_mouseMove_10.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/contextualButton_mouseClick_3.png b/packages/office-ui-fabric-react/visualtests/baseline/contextualButton_mouseClick_3.png
new file mode 100644
index 0000000000000..c6addf8a9df3e
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/contextualButton_mouseClick_3.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/contextualButton_mouseDown_2.png b/packages/office-ui-fabric-react/visualtests/baseline/contextualButton_mouseDown_2.png
new file mode 100644
index 0000000000000..5698669ca650d
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/contextualButton_mouseDown_2.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/contextualButton_mouseMove_1.png b/packages/office-ui-fabric-react/visualtests/baseline/contextualButton_mouseMove_1.png
new file mode 100644
index 0000000000000..c6addf8a9df3e
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/contextualButton_mouseMove_1.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/contextualButton_mouseSingleClick_8.png b/packages/office-ui-fabric-react/visualtests/baseline/contextualButton_mouseSingleClick_8.png
new file mode 100644
index 0000000000000..ad5b8c4560c98
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/contextualButton_mouseSingleClick_8.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ContextualMenu_not_pressed_0.png b/packages/office-ui-fabric-react/visualtests/baseline/contextualMenu_default_0.png
similarity index 100%
rename from packages/office-ui-fabric-react/visualtests/baseline/ContextualMenu_not_pressed_0.png
rename to packages/office-ui-fabric-react/visualtests/baseline/contextualMenu_default_0.png
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/ContextualMenu_pressed_2.png b/packages/office-ui-fabric-react/visualtests/baseline/contextualMenu_mouseClick_3.png
similarity index 100%
rename from packages/office-ui-fabric-react/visualtests/baseline/ContextualMenu_pressed_2.png
rename to packages/office-ui-fabric-react/visualtests/baseline/contextualMenu_mouseClick_3.png
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/contextualMenu_mouseDown_2.png b/packages/office-ui-fabric-react/visualtests/baseline/contextualMenu_mouseDown_2.png
new file mode 100644
index 0000000000000..1bc86df99d5a1
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/contextualMenu_mouseDown_2.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/contextualMenu_mouseMove_1.png b/packages/office-ui-fabric-react/visualtests/baseline/contextualMenu_mouseMove_1.png
new file mode 100644
index 0000000000000..1bc86df99d5a1
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/contextualMenu_mouseMove_1.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/defaultButtonDisabled_mouseClick_7.png b/packages/office-ui-fabric-react/visualtests/baseline/defaultButtonDisabled_mouseClick_7.png
new file mode 100644
index 0000000000000..7fd18c6b39088
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/defaultButtonDisabled_mouseClick_7.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/defaultButtonDisabled_mouseDown_6.png b/packages/office-ui-fabric-react/visualtests/baseline/defaultButtonDisabled_mouseDown_6.png
new file mode 100644
index 0000000000000..7fd18c6b39088
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/defaultButtonDisabled_mouseDown_6.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/defaultButtonDisabled_mouseMove_5.png b/packages/office-ui-fabric-react/visualtests/baseline/defaultButtonDisabled_mouseMove_5.png
new file mode 100644
index 0000000000000..7fd18c6b39088
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/defaultButtonDisabled_mouseMove_5.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/defaultButton_mouseClick_3.png b/packages/office-ui-fabric-react/visualtests/baseline/defaultButton_mouseClick_3.png
new file mode 100644
index 0000000000000..30cbd6e8fc53d
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/defaultButton_mouseClick_3.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/defaultButton_mouseDown_2.png b/packages/office-ui-fabric-react/visualtests/baseline/defaultButton_mouseDown_2.png
new file mode 100644
index 0000000000000..30cbd6e8fc53d
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/defaultButton_mouseDown_2.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/defaultButton_mouseMove_1.png b/packages/office-ui-fabric-react/visualtests/baseline/defaultButton_mouseMove_1.png
new file mode 100644
index 0000000000000..10f6bea3d4063
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/defaultButton_mouseMove_1.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/documentCard_default_0.png b/packages/office-ui-fabric-react/visualtests/baseline/documentCard_default_0.png
new file mode 100644
index 0000000000000..7e91dd3a3027f
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/documentCard_default_0.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/documentCard_mouseClick_3.png b/packages/office-ui-fabric-react/visualtests/baseline/documentCard_mouseClick_3.png
new file mode 100644
index 0000000000000..7e91dd3a3027f
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/documentCard_mouseClick_3.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/documentCard_mouseDown_2.png b/packages/office-ui-fabric-react/visualtests/baseline/documentCard_mouseDown_2.png
new file mode 100644
index 0000000000000..8554bff47f44d
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/documentCard_mouseDown_2.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/documentCard_mouseMove_1.png b/packages/office-ui-fabric-react/visualtests/baseline/documentCard_mouseMove_1.png
new file mode 100644
index 0000000000000..8554bff47f44d
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/documentCard_mouseMove_1.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/primaryButtonDisabled_default_4.png b/packages/office-ui-fabric-react/visualtests/baseline/primaryButtonDisabled_default_4.png
new file mode 100644
index 0000000000000..c6cb93fb712a1
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/primaryButtonDisabled_default_4.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/primaryButtonDisabled_mouseClick_7.png b/packages/office-ui-fabric-react/visualtests/baseline/primaryButtonDisabled_mouseClick_7.png
new file mode 100644
index 0000000000000..c6cb93fb712a1
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/primaryButtonDisabled_mouseClick_7.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/primaryButtonDisabled_mouseDown_6.png b/packages/office-ui-fabric-react/visualtests/baseline/primaryButtonDisabled_mouseDown_6.png
new file mode 100644
index 0000000000000..c6cb93fb712a1
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/primaryButtonDisabled_mouseDown_6.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/primaryButtonDisabled_mouseMove_5.png b/packages/office-ui-fabric-react/visualtests/baseline/primaryButtonDisabled_mouseMove_5.png
new file mode 100644
index 0000000000000..c6cb93fb712a1
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/primaryButtonDisabled_mouseMove_5.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/primaryButton_default_0.png b/packages/office-ui-fabric-react/visualtests/baseline/primaryButton_default_0.png
new file mode 100644
index 0000000000000..05cfe67d0fe7e
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/primaryButton_default_0.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/primaryButton_mouseClick_3.png b/packages/office-ui-fabric-react/visualtests/baseline/primaryButton_mouseClick_3.png
new file mode 100644
index 0000000000000..89b67cf5ab988
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/primaryButton_mouseClick_3.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/primaryButton_mouseDown_2.png b/packages/office-ui-fabric-react/visualtests/baseline/primaryButton_mouseDown_2.png
new file mode 100644
index 0000000000000..89b67cf5ab988
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/primaryButton_mouseDown_2.png differ
diff --git a/packages/office-ui-fabric-react/visualtests/baseline/primaryButton_mouseMove_1.png b/packages/office-ui-fabric-react/visualtests/baseline/primaryButton_mouseMove_1.png
new file mode 100644
index 0000000000000..e14ed6264db3f
Binary files /dev/null and b/packages/office-ui-fabric-react/visualtests/baseline/primaryButton_mouseMove_1.png differ