test: targeting

RBND-studio · Jan 18, 2024 · 78dee9b · 78dee9b
1 parent 9eadc2e
commit 78dee9b
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 1 deletion.
diff --git a/src/types/user.ts b/src/types/user.ts
@@ -1,4 +1,4 @@
-export type UserProperties = Record<string, string | number | boolean | null | Date>;
+export type UserProperties = Record<string, string | number | boolean | null | Date | undefined>;
 
 export interface IdentifyUserOptions {
   /**

diff --git a/tests/targeting/targeting.html b/tests/targeting/targeting.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="/tests/reset.css" />
+    <link rel="stylesheet" href="/public/flows.css" />
+  </head>
+  <body>
+    <script type="module" src="./targeting.ts"></script>
+  </body>
+</html>
diff --git a/tests/targeting/targeting.spec.ts b/tests/targeting/targeting.spec.ts
@@ -0,0 +1,11 @@
+import { expect, test } from "@playwright/test";
+
+test("Shouldn't show up when used doesn't match", async ({ page }) => {
+  await page.goto("/targeting/targeting.html");
+  await expect(page.locator(".flows-modal")).not.toBeVisible();
+});
+
+test("Should show up when used matches", async ({ page }) => {
+  await page.goto("/targeting/targeting.html?john=true");
+  await expect(page.locator(".flows-modal")).toBeVisible();
+});
diff --git a/tests/targeting/targeting.ts b/tests/targeting/targeting.ts
@@ -0,0 +1,17 @@
+import { init } from "../../dist";
+
+const john = new URLSearchParams(window.location.search).get("john") === "true";
+
+void init({
+  flows: [
+    {
+      id: "flow",
+      location: "/",
+      userProperties: [{ key: "name", eq: "John Doe" }],
+      steps: [{ title: "Hello" }],
+    },
+  ],
+  userProperties: {
+    name: john ? "John Doe" : undefined,
+  },
+});