diff --git a/test-app/app/templates/application.hbs b/test-app/app/templates/application.hbs
index ceafcabc..db8c4c43 100644
--- a/test-app/app/templates/application.hbs
+++ b/test-app/app/templates/application.hbs
@@ -1,3 +1,9 @@
-{{page-title "ember-mobile-menu test-app"}}
-
-{{outlet}}
\ No newline at end of file
+<MobileMenuWrapper as |mmw|>
+  <mmw.MobileMenu data-test-menu as |mm|>
+    <LinkTo @route="index" {{on "click" mm.actions.close}}>Home</LinkTo>
+  </mmw.MobileMenu>
+  <mmw.Content>
+    <mmw.Toggle data-test-menu-toggle>Toggle menu</mmw.Toggle>
+    {{outlet}}
+  </mmw.Content>
+</MobileMenuWrapper>
\ No newline at end of file
diff --git a/test-app/package.json b/test-app/package.json
index eb5f7c02..426535b7 100644
--- a/test-app/package.json
+++ b/test-app/package.json
@@ -40,6 +40,8 @@
     "ember-cli-babel": "8.2.0",
     "ember-cli-clean-css": "3.0.0",
     "ember-cli-dependency-checker": "3.3.2",
+    "ember-cli-fastboot": "^4.1.2",
+    "ember-cli-fastboot-testing": "^0.6.1",
     "ember-cli-htmlbars": "6.3.0",
     "ember-cli-inject-live-reload": "2.1.0",
     "ember-cli-sass": "11.0.1",
diff --git a/test-app/tests/fastboot/index-test.js b/test-app/tests/fastboot/index-test.js
new file mode 100644
index 00000000..9c0fe66a
--- /dev/null
+++ b/test-app/tests/fastboot/index-test.js
@@ -0,0 +1,17 @@
+import { module, test } from 'qunit';
+import {
+  setup,
+  visit /* mockServer */,
+} from 'ember-cli-fastboot-testing/test-support';
+
+module('FastBoot | index', function (hooks) {
+  setup(hooks);
+
+  test('it renders a page...', async function (assert) {
+    await visit('/');
+
+    // smoke test
+    assert.dom('[data-test-menu]').exists();
+    assert.dom('[data-test-menu-toggle]').exists();
+  });
+});