@sealcode/sealgen 0.9.0 → 0.9.2

package/lib/page/list.js

@@ -87,7 +87,10 @@ ${this.renderListContainer(ctx, this.renderItems(ctx, values))}`;
             : ""}
 			</div>
 			<div class="list-pagination__center">
-				<select onchange="if (this.value) Turbo.visit(this.value)">
+				<select
+					title="choose page"
+					onchange="if (this.value) Turbo.visit(this.value)"
+				>
 					${Array.from((0, utils_1.naturalNumbers)(1, totalIems)).map((n) => /* HTML */ `<option
 							value="${(0, utils_1.UrlWithNewParams)(ctx, 
         //eslint-disable-next-line @typescript-eslint/consistent-type-assertions

package/lib/templates/form.js

@@ -6,8 +6,8 @@ async function formTemplate(action_name, newfilefullpath) {
     const rel = (0, import_path_1.curryImportPath)(newfilefullpath);
     return `import { Context } from "koa";
 import { Form, FormData, FormDataValue, Fields, Controls } from "@sealcode/sealgen";
-import html from "${rel("src/back/html")}";
-import { Users } from "${rel("src/back/collections/collections")}";
+import html from "${rel("src/back/html.js")}";
+import { Users } from "${rel("src/back/collections/collections.js")}";
 
 export const actionName = "${action_name}";
 

package/lib/templates/list.js

@@ -20,8 +20,8 @@ const listTemplate = async (action_name, newfilefullpath) => {
     return `import { Context } from "koa";
 import { CollectionItem } from "sealious";
 import { tempstream } from "tempstream";
-import { ${uppercase_collection} } from "${rel("src/back/collections/collections")}";
-import html from "${rel("src/back/html.ts")}";
+import { ${uppercase_collection} } from "${rel("src/back/collections/collections.js")}";
+import html from "${rel("src/back/html.js")}";
 import { SealiousItemListPage, BaseListPageFields } from "@sealcode/sealgen";
 
 export const actionName = "${action_name}";

package/lib/templates/multiform.js

@@ -5,7 +5,7 @@ const utils_1 = require("../utils/utils");
 async function multiformTemplate(action_name, newfilefullpath) {
     const rel = (0, utils_1.curryImportPath)(newfilefullpath);
     return `import { Context } from "koa";
-import html from "${rel("src/back/html")}";
+import html from "${rel("src/back/html.js")}";
 import { Controls, Fields, Form, FormMessage, Multiform } from "@sealcode/sealgen";
 import { FlatTemplatable } from "tempstream";
 

package/lib/templates/page.js

@@ -7,7 +7,7 @@ async function pageTemplate(action_name, newfilefullpath) {
     return `import { Context } from "koa";
 import { tempstream } from "tempstream";
 import { Page } from "@sealcode/sealgen";
-import html from "${rel("src/back/html")}";
+import html from "${rel("src/back/html.js")}";
 
 export const actionName = "${action_name}";
 

package/lib/templates/route-test.js

@@ -4,22 +4,52 @@ exports.testTemplate = void 0;
 const import_path_1 = require("../utils/import-path");
 function testTemplate(action_name, new_file_fullpath) {
     const rel = (0, import_path_1.curryImportPath)(new_file_fullpath);
-    return `import { withProdApp } from "${rel("src/back/test_utils/with-prod-app")}";
-import { LONG_TEST_TIMEOUT, webhintURL } from "${rel("src/back/test_utils/webhint")}";
-import { ${action_name}URL } from "${rel("src/back/routes/urls")}";
+    return `import { withProdApp } from "${rel("src/back/test_utils/with-prod-app.js")}";
+import { LONG_TEST_TIMEOUT, webhintURL } from "${rel("src/back/test_utils/webhint.js")}";
+import { ${action_name}URL } from "${rel("src/back/routes/urls.js")}";
+import { getBrowser } from "${rel("src/test_utils/browser-creator.js")}";
+
+describe("${action_name} webhint", () => {
+	it(
+		"doesn't crash",
+		async function () {
+			return withProdApp(async ({ base_url, rest_api }) => {
+				await rest_api.get(${action_name}URL);
+				await webhintURL(base_url + ${action_name}URL);
+				// alternatively you can use webhintHTML for faster but less precise scans
+				// or for scanning responses of requests that use some form of authorization:
+				// const response = await rest_api.get(${action_name}URL);
+				// await webhintHTML(response);
+			});
+		},
+		VERY_LONG_TEST_TIMEOUT
+	);
+});
 
 describe("${action_name}", () => {
-	it("doesn't crash", async function () {
-		this.timeout(LONG_TEST_TIMEOUT);
-		return withProdApp(async ({ base_url, rest_api }) => {
-			await rest_api.get(${action_name}URL);
-			await webhintURL(base_url + ${action_name}URL);
-			// alternatively you can use webhintHTML for faster but less precise scans
-			// or for scanning responses of requests that use some form of authorization:
-			// const response = await rest_api.get(${action_name}URL);
-			// await webhintHTML(response);
-		});
+	let page: Page;
+	let browser: Browser;
+	let context: BrowserContext;
+
+	beforeEach(async () => {
+		browser = await getBrowser();
+		context = await browser.newContext();
+		page = await context.newPage();
 	});
+
+	afterEach(async () => {
+		await context.close();
+	});
+
+	it(
+		"works as expected",
+		async function () {
+			return withProdApp(async ({ base_url }) => {
+				await page.goto(base_url + ${action_name}URL);
+			});
+		},
+		VERY_LONG_TEST_TIMEOUT
+	);
 });
 `;
 }

package/lib/templates/stateful-page.js

@@ -7,7 +7,7 @@ async function statefulPageTemplate(action_name, newfilefullpath) {
     return `import { BaseContext } from "koa";
 import { tempstream, Templatable } from "tempstream";
 import { StatefulPage } from "@sealcode/sealgen";
-import html from "${rel("src/back/html")}";
+import html from "${rel("src/back/html.js")}";
 
 export const actionName = "${action_name}";
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sealcode/sealgen",
-	"version": "0.9.0",
+	"version": "0.9.2",
 	"description": "Module to automate adding routes and collections to a sealious application",
 	"main": "lib/index.js",
 	"scripts": {

package/src/page/list.ts

@@ -130,7 +130,10 @@ ${this.renderListContainer(ctx, this.renderItems(ctx, values))}`;
 					: ""}
 			</div>
 			<div class="list-pagination__center">
-				<select onchange="if (this.value) Turbo.visit(this.value)">
+				<select
+					title="choose page"
+					onchange="if (this.value) Turbo.visit(this.value)"
+				>
 					${Array.from(naturalNumbers(1, totalIems)).map(
 						(n) => /* HTML */ `<option
 							value="${UrlWithNewParams(

package/src/templates/form.ts

@@ -7,8 +7,8 @@ export async function formTemplate(
 	const rel = curryImportPath(newfilefullpath);
 	return `import { Context } from "koa";
 import { Form, FormData, FormDataValue, Fields, Controls } from "@sealcode/sealgen";
-import html from "${rel("src/back/html")}";
-import { Users } from "${rel("src/back/collections/collections")}";
+import html from "${rel("src/back/html.js")}";
+import { Users } from "${rel("src/back/collections/collections.js")}";
 
 export const actionName = "${action_name}";
 

package/src/templates/list.ts

@@ -25,9 +25,9 @@ export const listTemplate = async (
 import { CollectionItem } from "sealious";
 import { tempstream } from "tempstream";
 import { ${uppercase_collection} } from "${rel(
-		"src/back/collections/collections"
+		"src/back/collections/collections.js"
 	)}";
-import html from "${rel("src/back/html.ts")}";
+import html from "${rel("src/back/html.js")}";
 import { SealiousItemListPage, BaseListPageFields } from "@sealcode/sealgen";
 
 export const actionName = "${action_name}";

package/src/templates/multiform.ts

@@ -6,7 +6,7 @@ export async function multiformTemplate(
 ): Promise<string> {
 	const rel = curryImportPath(newfilefullpath);
 	return `import { Context } from "koa";
-import html from "${rel("src/back/html")}";
+import html from "${rel("src/back/html.js")}";
 import { Controls, Fields, Form, FormMessage, Multiform } from "@sealcode/sealgen";
 import { FlatTemplatable } from "tempstream";
 

package/src/templates/page.ts

@@ -7,7 +7,7 @@ export async function pageTemplate(
 	return `import { Context } from "koa";
 import { tempstream } from "tempstream";
 import { Page } from "@sealcode/sealgen";
-import html from "${rel("src/back/html")}";
+import html from "${rel("src/back/html.js")}";
 
 export const actionName = "${action_name}";
 

package/src/templates/route-test.ts

@@ -3,25 +3,55 @@ import { curryImportPath } from "../utils/import-path";
 export function testTemplate(action_name: string, new_file_fullpath: string) {
 	const rel = curryImportPath(new_file_fullpath);
 	return `import { withProdApp } from "${rel(
-		"src/back/test_utils/with-prod-app"
+		"src/back/test_utils/with-prod-app.js"
 	)}";
 import { LONG_TEST_TIMEOUT, webhintURL } from "${rel(
-		"src/back/test_utils/webhint"
+		"src/back/test_utils/webhint.js"
 	)}";
-import { ${action_name}URL } from "${rel("src/back/routes/urls")}";
+import { ${action_name}URL } from "${rel("src/back/routes/urls.js")}";
+import { getBrowser } from "${rel("src/test_utils/browser-creator.js")}";
+
+describe("${action_name} webhint", () => {
+	it(
+		"doesn't crash",
+		async function () {
+			return withProdApp(async ({ base_url, rest_api }) => {
+				await rest_api.get(${action_name}URL);
+				await webhintURL(base_url + ${action_name}URL);
+				// alternatively you can use webhintHTML for faster but less precise scans
+				// or for scanning responses of requests that use some form of authorization:
+				// const response = await rest_api.get(${action_name}URL);
+				// await webhintHTML(response);
+			});
+		},
+		VERY_LONG_TEST_TIMEOUT
+	);
+});
 
 describe("${action_name}", () => {
-	it("doesn't crash", async function () {
-		this.timeout(LONG_TEST_TIMEOUT);
-		return withProdApp(async ({ base_url, rest_api }) => {
-			await rest_api.get(${action_name}URL);
-			await webhintURL(base_url + ${action_name}URL);
-			// alternatively you can use webhintHTML for faster but less precise scans
-			// or for scanning responses of requests that use some form of authorization:
-			// const response = await rest_api.get(${action_name}URL);
-			// await webhintHTML(response);
-		});
+	let page: Page;
+	let browser: Browser;
+	let context: BrowserContext;
+
+	beforeEach(async () => {
+		browser = await getBrowser();
+		context = await browser.newContext();
+		page = await context.newPage();
 	});
+
+	afterEach(async () => {
+		await context.close();
+	});
+
+	it(
+		"works as expected",
+		async function () {
+			return withProdApp(async ({ base_url }) => {
+				await page.goto(base_url + ${action_name}URL);
+			});
+		},
+		VERY_LONG_TEST_TIMEOUT
+	);
 });
 `;
 }

package/src/templates/stateful-page.ts

@@ -8,7 +8,7 @@ export async function statefulPageTemplate(
 	return `import { BaseContext } from "koa";
 import { tempstream, Templatable } from "tempstream";
 import { StatefulPage } from "@sealcode/sealgen";
-import html from "${rel("src/back/html")}";
+import html from "${rel("src/back/html.js")}";
 
 export const actionName = "${action_name}";