diff --git a/skeleton/jest/package.json b/skeleton/jest/package.json
index 5ef25a0c0..efb3c6bfc 100644
--- a/skeleton/jest/package.json
+++ b/skeleton/jest/package.json
@@ -2,6 +2,7 @@
   "devDependencies": {
     "jest": "",
     "jest-cli": "",
+    "jest-transform-stub": "",
     "aurelia-loader-nodejs": "",
     "aurelia-pal-nodejs": "",
 
@@ -34,6 +35,7 @@
       "json"
     ],
     "transform": {
+      "^.+\\.(css|less|sass|scss|jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "jest-transform-stub",
       // @if feat.babel
       "^.+\\.js$": "babel-jest",
       // @endif
@@ -81,4 +83,4 @@
       "html"
     ]
   }
-}
\ No newline at end of file
+}
diff --git a/skeleton/scaffold-minimum/test__if_karma_or_jest/unit/app.spec.ext b/skeleton/scaffold-minimum/test__if_karma_or_jest/unit/app.spec.ext
index 500fdb5bd..56730c205 100644
--- a/skeleton/scaffold-minimum/test__if_karma_or_jest/unit/app.spec.ext
+++ b/skeleton/scaffold-minimum/test__if_karma_or_jest/unit/app.spec.ext
@@ -1,7 +1,32 @@
+import {bootstrap} from 'aurelia-bootstrapper';
 import {App} from '../../src/app';
+import {StageComponent} from 'aurelia-testing';
 
 describe('the app', () => {
   it('says hello', () => {
     expect(new App().message).toBe('Hello World!');
   });
 });
+
+describe('Stage App Component', () => {
+  let component;
+
+  beforeEach(() => {
+    component = StageComponent
+      .withResources('app')
+      .inView('<app></app>');
+  });
+
+  afterEach(() => component.dispose());
+
+  it('should render message', done => {
+    component.create(bootstrap).then(() => {
+      const view = component.element;
+      expect(view.textContent.trim()).toBe('Hello World!');
+      done();
+    }).catch(e => {
+      fail(e);
+      done();
+    });
+  });
+});