@koloseum/utils 0.1.1 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@koloseum/utils",
-	"version": "0.1.1",
+	"version": "0.1.3",
 	"author": "Koloseum Technologies Limited",
 	"description": "Utility logic for use across Koloseum web apps (TypeScript)",
 	"keywords": [
@@ -25,7 +25,7 @@
 		"test": "vitest --run"
 	},
 	"dependencies": {
-		"@koloseum/types": "^0.1.0",
+		"@koloseum/types": "^0.1.2",
 		"@supabase/supabase-js": "^2.48.1",
 		"@sveltejs/kit": "^2.17.1",
 		"any-date-parser": "^2.0.3",
@@ -33,8 +33,10 @@
 		"validator": "^13.12.0"
 	},
 	"devDependencies": {
+		"@playwright/test": "^1.50.1",
 		"@types/sanitize-html": "^2.13.0",
 		"@types/validator": "^13.12.2",
-		"typescript": "^5.0.0"
+		"typescript": "^5.0.0",
+		"vitest": "^3.0.5"
 	}
 }

package/src/utils.ts

@@ -1,9 +1,11 @@
 import type { Database } from "@koloseum/types/database";
-import type { CustomError, SocialMediaPlatform } from "@koloseum/types/public/auth.js";
+import type { CustomError, SocialMediaPlatform } from "@koloseum/types/public/auth";
 
+import type { Page, Locator } from "@playwright/test";
 import type { PostgrestError, SupabaseClient } from "@supabase/supabase-js";
 import type { MobilePhoneLocale } from "validator";
 
+import { expect } from "@playwright/test";
 import { FunctionsFetchError, FunctionsHttpError, FunctionsRelayError } from "@supabase/supabase-js";
 import { error as svelteError } from "@sveltejs/kit";
 
@@ -262,3 +264,32 @@ export const Utility = {
 	 */
 	validateSocialMediaHandle: (handle: string) => !isURL(handle, { require_protocol: false }) && !handle.startsWith("@") && Boolean(handle.match(Utility.socialMediaHandleRegex)),
 };
+
+/* Testing functions */
+export const Testing = {
+	/**
+	 * Asserts the absence of a field on the page.
+	 * @param {Locator[]} fields - The fields to check for absence
+	 * @returns A promise that resolves when the check is complete
+	 */
+	assertFieldAbsence: async (...fields: Locator[]) => {
+		for (const field of fields) await expect(field).not.toBeVisible();
+	},
+	/**
+	 * Clicks a locator and waits for a response.
+	 * @param {Page} page - The page on which to click the locator
+	 * @param {Locator} locator - The locator to click
+	 * @param {string} endpoint - The endpoint to wait for
+	 * @returns A promise that resolves when the click and response are complete
+	 */
+	clickAndWait: async (page: Page, locator: Locator, endpoint: string) => {
+		// Ensure the locator is visible
+		await expect(locator).toBeVisible();
+
+		// Click with force option to ensure the click happens
+		await locator.click({ force: true });
+
+		// Wait for the API response
+		await page.waitForResponse(endpoint);
+	},
+};