1 files changed, 46 insertions, 30 deletions
diff --git a/tests/unit/effects/effects.html b/tests/unit/effects/effects.html
index 6956ebcda..e3c6d2f4e 100644
--- a/tests/unit/effects/effects.html
+++ b/tests/unit/effects/effects.html
@@ -28,40 +28,54 @@
 	<script src="../../jquery.simulate.js"></script>
 	<script src="../testsuite.js"></script>
 	<script src="effects_core.js"></script>
-            
+	<script src="effects_scale.js"></script>
+
 	<script src="../swarminject.js"></script>
 
 	<style type="text/css">
-		.hidden {
-			display: none;
-		}
-		.test {
-			background: #000;
-			border: 0;
-			width: 100px;
-			height: 100px;
-		}
-		.testAddBorder {
-			border: 10px solid #000;
-		}
-		.testChildren,
-		.testChangeBackground {
-			background: #fff;
-		}
-		.test h2 {
-			font-size: 10px;
-		}
-		.testChildren h2 {
-			font-size: 20px;
-		}
-		
-		.relWidth {
-			width: 50%;
-		}
+	#qunit-fixture {
+		width: 1000px;
+		height: 1000px;
+	}
+	.hidden {
+		display: none;
+	}
+	.test {
+		background: #000;
+		border: 0;
+		width: 100px;
+		height: 100px;
+	}
+	.testAddBorder {
+		border: 10px solid #000;
+	}
+	.testChildren,
+	.testChangeBackground {
+		background: #fff;
+	}
+	.test h2 {
+		font-size: 10px;
+	}
+	.testChildren h2 {
+		font-size: 20px;
+	}
+
+	.relWidth {
+		width: 50%;
+	}
+
+	.relHeight {
+		height: 50%;
+	}
+
+	.testScale {
+		border: 5px solid #000;
+		padding: 5px;
+		margin: 5px;
+		width: 50px;
+		height: 50px;
+	}
 
-		.relHeight {
-			height: 50%;
-		}
 	</style>
 </head>
 <body>
@@ -81,6 +95,8 @@
 	<div class="relWidth relHeight testAddBorder">
 		<h2>Slide with relative width</d2>
 	</div>
+	<div class="testScale">
+	</div>
 </div>
 
 </body>