Merge pull request #221 from donejs/inc

Render immediately when incrementally rendering
donejs · Jun 25, 2019 · f46cf64 · f46cf64
2 parents 9a2cf03 + 0eee478
commit f46cf64
Show file tree

Hide file tree

Showing 6 changed files with 42 additions and 1 deletion.
diff --git a/src/template.js b/src/template.js
diff --git a/src/template.txt b/src/template.txt
@@ -344,7 +344,9 @@ define(<%= imports %>, function(<%= args %>){
 		});
 
 		return {
+			fragment: renderData.fragment,
 			promise: zonePromise,
+			viewModel: viewModel,
 			zoneData: zone.data
 		};
 	}

diff --git a/test/autorender_test.js b/test/autorender_test.js
@@ -221,3 +221,13 @@ QUnit.module("Memory leaks", {
 QUnit.test("Exposes the nodeList", function() {
 	F("#root").text("true", "Exposed");
 });
+
+QUnit.module("Incremental rendering", {
+	setup: function(assert) {
+		F.open("//incremental/index.html");
+	}
+});
+
+QUnit.test("Reattaches immediately", function() {
+	F("h1").exists("Rendered immediately");
+});
diff --git a/test/incremental/app.js b/test/incremental/app.js
@@ -0,0 +1,11 @@
+var DefineMap = require("can-define/map/map");
+var route = require("can-route");
+
+var AppViewModel = DefineMap.extend({
+	page: "string",
+	hello: function hello() {
+		return "world";
+	}
+});
+
+module.exports = AppViewModel;
diff --git a/test/incremental/index.html b/test/incremental/index.html
@@ -0,0 +1,9 @@
+<html data-incrementally-rendered>
+<head>
+	<title>Incremental tests</title>
+</head>
+<body>
+	<script src="../../node_modules/steal/steal.js"
+		data-main="test/incremental/index.stache!done-autorender"></script>
+</body>
+</html>
diff --git a/test/incremental/index.stache b/test/incremental/index.stache
@@ -0,0 +1,9 @@
+<html>
+<head>
+	<title>Testing</title>
+</head>
+<body>
+	<can-import from="test/incremental/app" export-as="viewModel" />
+	<h1>Hello world!</h1>
+</body>
+</html>