test: more cases

Author: krizzu

examples/common-tests/src/tests/BasicTests.tsx

@@ -86,7 +86,7 @@ export function useBasicTest(storage: AsyncStorage) {
     }
   };
 
-  const saveBigData = async () => {
+  const testSavingBigData = async () => {
     try {
       tests.clear();
       const key = "big-data";
@@ -104,7 +104,7 @@ export function useBasicTest(storage: AsyncStorage) {
     }
   };
 
-  const clearStorage = async () => {
+  const testClearingStorage = async () => {
     try {
       tests.clear();
       await storage.clear();
@@ -122,6 +122,88 @@ export function useBasicTest(storage: AsyncStorage) {
     }
   };
 
+  const testRemoveNonExistentKeys = async () => {
+    try {
+      tests.clear();
+      await storage.clear();
+
+      const missingKeys = ["missing1", "missing2"];
+      tests.info(`Attempting to remove non-existent keys: ${missingKeys}`);
+      await storage.removeMany(missingKeys);
+      tests.assert(
+        [],
+        await storage.getAllKeys(),
+        "Removing missing keys is safe"
+      );
+    } catch (e) {
+      tests.report(e);
+    }
+  };
+
+  const testConcurrentSetAndGet = async () => {
+    try {
+      tests.clear();
+      await storage.clear();
+
+      const key1 = "concurrent1";
+      const key2 = "concurrent2";
+      const key3 = "concurrent3";
+      const key4 = "concurrent4";
+      const key5 = "concurrent5";
+
+      tests.info("Setting multiple keys concurrently");
+      await Promise.all([
+        storage.setItem(key1, key1),
+        storage.setItem(key2, key2),
+        storage.setItem(key3, key3),
+        storage.setItem(key4, key4),
+        storage.setItem(key5, key5),
+      ]);
+
+      const values = await storage.getMany([key1, key2, key3, key4, key5]);
+      tests.assert(
+        {
+          [key1]: key1,
+          [key2]: key2,
+          [key3]: key3,
+          [key4]: key4,
+          [key5]: key5,
+        },
+        values,
+        "Concurrent set/get works"
+      );
+    } catch (e) {
+      tests.report(e);
+    }
+  };
+
+  const testLargeNumberOfKeys = async () => {
+    try {
+      tests.clear();
+      await storage.clear();
+
+      const entries: Record<string, string> = {};
+      for (let i = 0; i < 1000; i++) {
+        entries[`key-${i}`] = `value-${i}`;
+      }
+
+      tests.info("Saving 1000 keys at once");
+      await storage.setMany(entries);
+
+      const keys = await storage.getAllKeys();
+      tests.assert(
+        Object.keys(entries).sort(),
+        keys.sort(),
+        "All keys are stored"
+      );
+
+      const fetched = await storage.getMany(Object.keys(entries));
+      tests.assert(entries, fetched, "All values match");
+    } catch (e) {
+      tests.report(e);
+    }
+  };
+
   return {
     logs: tests.logs,
     clearLogs: tests.clear,
@@ -136,11 +218,23 @@ export function useBasicTest(storage: AsyncStorage) {
       },
       {
         name: "Big data set",
-        run: saveBigData,
+        run: testSavingBigData,
       },
       {
         name: "Storage clearance",
-        run: clearStorage,
+        run: testClearingStorage,
+      },
+      {
+        name: "Safe removal",
+        run: testRemoveNonExistentKeys,
+      },
+      {
+        name: "Concurrent set and get",
+        run: testConcurrentSetAndGet,
+      },
+      {
+        name: "Test large number of keys",
+        run: testLargeNumberOfKeys,
       },
     ],
   };

examples/react-native/src/tests/BasicTests.tsx

@@ -12,42 +12,44 @@ const BasicTests: React.FC<Props> = ({ storage }) => {
 
   return (
     <View style={{ paddingHorizontal: 16, flex: 1 }}>
-      <View style={{ gap: 8 }}>
+      <View style={{ gap: 8, flexDirection: "row", flexWrap: "wrap" }}>
         {tests.map((test) => {
           return (
             <Button key={test.name} title={test.name} onPress={test.run} />
           );
         })}
       </View>
 
-      <View style={{ width: "100%", alignItems: "flex-end" }}>
-        <Pressable
-          onPress={clearLogs}
-          style={({ pressed }) => [
-            {
-              padding: 12,
-              width: 90,
-              backgroundColor: pressed ? "rgb(210, 230, 255)" : "transparent",
-            },
-          ]}
-        >
-          <Text>clear logs</Text>
-        </Pressable>
-      </View>
-
-      <ScrollView contentContainerStyle={{ gap: 12 }}>
-        {logs.map((l, i) => (
-          <Text
-            style={{
-              fontSize: 14,
-              color: l.type === "ok" ? "green" : l.type === "err" ? "red" : "",
-            }}
-            key={i}
+      <View style={{ width: "100%", flex: 1 }}>
+        <View style={{ width: "100%", alignItems: "flex-end" }}>
+          <Pressable
+            onPress={clearLogs}
+            style={({ pressed }) => [
+              {
+                padding: 12,
+                width: 90,
+                backgroundColor: pressed ? "rgb(210, 230, 255)" : "transparent",
+              },
+            ]}
           >
-            {l.message}
-          </Text>
-        ))}
-      </ScrollView>
+            <Text>clear logs</Text>
+          </Pressable>
+        </View>
+        <ScrollView contentContainerStyle={{ gap: 12 }}>
+          {logs.map((l, i) => (
+            <Text
+              style={{
+                fontSize: 14,
+                color:
+                  l.type === "ok" ? "green" : l.type === "err" ? "red" : "",
+              }}
+              key={i}
+            >
+              {l.message}
+            </Text>
+          ))}
+        </ScrollView>
+      </View>
     </View>
   );
 };

examples/web/src/tests/BasicTests.tsx

@@ -11,7 +11,7 @@ const BasicTests: React.FC<Props> = ({ storage }) => {
 
   return (
     <div className="flex flex-col items-center px-4">
-      <div className="flex flex-col max-w-64 items-center gap-2">
+      <div className="flex flex-row flex-wrap gap-2">
         {tests.map((test) => {
           return (
             <button