diff --git a/package.json b/package.json
index 205174d..31be930 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,9 @@
     "test": "npm-run-all --parallel test:unit test:testcafe",
     "semantic-release": "semantic-release"
   },
-  "files": [ "dist" ],
+  "files": [
+    "dist"
+  ],
   "keywords": [],
   "author": "",
   "license": "ISC",
diff --git a/src/index.js b/src/index.js
index 01122d9..b72fba3 100644
--- a/src/index.js
+++ b/src/index.js
@@ -2,8 +2,8 @@
 /* eslint-disable no-new-func */
 import fs from 'fs'
 import path from 'path'
-import {ClientFunction, Selector} from 'testcafe'
-import {queries} from 'dom-testing-library'
+import { ClientFunction, Selector } from 'testcafe'
+import { queries } from 'dom-testing-library'
 
 const LIBRARY_UMD_PATH = path.join(
   './node_modules',
@@ -20,11 +20,11 @@ export const addTestcafeTestingLibrary = async t => {
       window.TestCafeTestingLibrary = {}
     },
     {
-      dependencies: {script: LIBRARY_UMD_CONTENT},
+      dependencies: { script: LIBRARY_UMD_CONTENT },
     },
   )
 
-  await inject.with({boundTestRun: t})()
+  await inject.with({ boundTestRun: t })()
 }
 
 Object.keys(queries).forEach(queryName => {
@@ -60,3 +60,12 @@ export const within = async sel => {
 
   return container
 }
+
+
+export const configure = async options => {
+  await ClientFunction(new Function(
+    `
+      window.DomTestingLibrary.configure(${JSON.stringify(options)});
+    `
+  ))
+}
\ No newline at end of file
diff --git a/test-app/index.html b/test-app/index.html
index 42ac5e4..49024d5 100644
--- a/test-app/index.html
+++ b/test-app/index.html
@@ -1,74 +1,72 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>testcafe-testing-library</title>
-    <style>
-      blockquote {
-        margin: 0;
-        border-left: 4px solid grey;
-        padding-left: 10px;
-        color: grey;
-      }
-      section {
-        padding: 10px;
-      }
-    </style>
-  </head>
-  <body>
-    <blockquote>
-      No auto-reload after changing this static HTML markup: click
-      <span title="Run All Tests">↻</span> Run All Tests.
-    </blockquote>
-    <section>
-      <h2>getByPlaceholderText</h2>
-      <input type="text" placeholder="Placeholder Text" />
-    </section>
-    <section>
-      <h2>getByText</h2>
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+  <title>testcafe-testing-library</title>
+  <style>
+    blockquote {
+      margin: 0;
+      border-left: 4px solid grey;
+      padding-left: 10px;
+      color: grey;
+    }
+
+    section {
+      padding: 10px;
+    }
+  </style>
+</head>
+
+<body>
+  <blockquote>
+    No auto-reload after changing this static HTML markup: click
+    <span title="Run All Tests">↻</span> Run All Tests.
+  </blockquote>
+  <section>
+    <h2>getByPlaceholderText</h2>
+    <input type="text" placeholder="Placeholder Text" />
+  </section>
+  <section>
+    <h2>getByText</h2>
+    <button onclick="this.innerText = 'Button Clicked'">Button Text</button>
+    <div id="nested">
+      <h3>getByText within</h3>
       <button onclick="this.innerText = 'Button Clicked'">Button Text</button>
-      <div id="nested">
-        <h3>getByText within</h3>
-        <button onclick="this.innerText = 'Button Clicked'">Button Text</button>
-      </div>
-    </section>
-    <section>
-      <h2>getByLabelText</h2>
-      <label for="input-labelled-by-id">Label For Input Labelled By Id</label>
-      <input
-        type="text"
-        placeholder="Input Labelled By Id"
-        id="input-labelled-by-id"
-      />
-    </section>
-    <section>
-      <h2>getByAltText</h2>
-      <img
-        src="data:image/png;base64,"
-        alt="Image Alt Text"
-        onclick="this.style.border = '5px solid red'"
-      />
-    </section>
-    <section>
-      <h2>getByTestId</h2>
-      <img
-        data-testid="image-with-random-alt-tag"
-        src="data:image/png;base64,"
-        onclick="this.style.border = '5px solid red'"
-      />
-    </section>
-    <section>
-      <h2>getAllByText</h2>
-      <button onclick="this.innerText = 'Jackie Kicked'">Jackie Chan 1</button>
-      <button onclick="this.innerText = 'Jackie Kicked'">Jackie Chan 2</button>
-    </section>
-    <!-- Prettier unindents the script tag below -->
-    <script>
-      document
-        .querySelector('[data-testid="image-with-random-alt-tag"]')
-        .setAttribute("alt", "Image Random Alt Text " + Math.random());
-    </script>
-  </body>
-</html>
+    </div>
+  </section>
+  <section>
+    <h2>getByLabelText</h2>
+    <label for="input-labelled-by-id">Label For Input Labelled By Id</label>
+    <input type="text" placeholder="Input Labelled By Id" id="input-labelled-by-id" />
+  </section>
+  <section>
+    <h2>getByAltText</h2>
+    <img src="data:image/png;base64," alt="Image Alt Text" onclick="this.style.border = '5px solid red'" />
+  </section>
+  <section>
+    <h2>getByTestId</h2>
+    <img data-testid="image-with-random-alt-tag" src="data:image/png;base64,"
+      onclick="this.style.border = '5px solid red'" />
+  </section>
+  <section>
+    <h2>configure</h2>
+    <img data-automation-id="image-with-random-alt-tag" src="data:image/png;base64,"
+      onclick="this.style.border = '5px solid red'" />
+  </section>
+  <section>
+    <h2>getAllByText</h2>
+    <button onclick="this.innerText = 'Jackie Kicked'">Jackie Chan 1</button>
+    <button onclick="this.innerText = 'Jackie Kicked'">Jackie Chan 2</button>
+  </section>
+  <!-- Prettier unindents the script tag below -->
+  <script>
+    document
+      .querySelector('[data-testid="image-with-random-alt-tag"]')
+      .setAttribute("alt", "Image Random Alt Text " + Math.random());
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/tests/testcafe/configure.js b/tests/testcafe/configure.js
new file mode 100644
index 0000000..dfc4f95
--- /dev/null
+++ b/tests/testcafe/configure.js
@@ -0,0 +1,16 @@
+/* eslint-disable import/named */
+import { configure, getByTestId, addTestcafeTestingLibrary } from '../../src'
+
+
+
+// eslint-disable-next-line babel/no-unused-expressions
+fixture`configure`.beforeEach(addTestcafeTestingLibrary)
+    .page`http://localhost:13370`
+
+
+test('configure', async t => {
+    await configure({ testIdAttribute: 'data-automation-id' });
+
+    await t
+        .click(getByTestId('image-with-random-alt-tag'))
+})
\ No newline at end of file
diff --git a/tests/unit/__snapshots__/selectors.test.js.snap b/tests/unit/__snapshots__/selectors.test.js.snap
index b57cc1f..241ec06 100644
--- a/tests/unit/__snapshots__/selectors.test.js.snap
+++ b/tests/unit/__snapshots__/selectors.test.js.snap
@@ -4,6 +4,7 @@ exports[`exports expected selectors 1`] = `
 Array [
   "addTestcafeTestingLibrary",
   "within",
+  "configure",
   "queryAllByLabelText",
   "getAllByLabelText",
   "queryByLabelText",
