test: saving big data

Author: krizzu

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

@@ -90,6 +90,25 @@ const BasicTests: React.FC<Props> = ({ storage }) => {
     }
   };
 
+  const saveBigData = async () => {
+    try {
+      const key = "big-data";
+      const data = JSON.stringify(
+        new Array(500_000).fill("a")
+      );
+      addLog(`Saving ${key} with data size ${data.length}`);
+      const timeNow = +Date.now();
+      await storage.setItem(key, data);
+      addLog(`saving took ${+Date.now() - timeNow}ms`);
+
+      addLog(`reading ${key}`);
+      const res = await storage.getItem(key);
+      addLog(`size of result: ${res?.length}`);
+    } catch (e) {
+      reportError(e);
+    }
+  };
+
   return (
     <View style={{ paddingHorizontal: 16, flex: 1 }}>
       <View style={{ gap: 8 }}>
@@ -98,6 +117,7 @@ const BasicTests: React.FC<Props> = ({ storage }) => {
           onPress={testSingleSetCrudKey}
         />
         <Button title="Test CRUD on many entries" onPress={testMultiKey} />
+        <Button title="Test big data" onPress={saveBigData} />
       </View>
 
       <View style={{ width: "100%", alignItems: "flex-end" }}>

examples/example-web/src/tests/BasicTests.tsx

@@ -89,6 +89,23 @@ const BasicTests: React.FC<Props> = ({ storage }) => {
     }
   };
 
+  const saveBigData = async () => {
+    try {
+      const key = "big-data";
+      const data = JSON.stringify(new Array(500_000).fill("a"));
+      addLog(`Saving ${key} with data size ${data.length}`);
+      const timeNow = +Date.now();
+      await storage.setItem(key, data);
+      addLog(`saving took ${+Date.now() - timeNow}ms`);
+
+      addLog(`reading ${key}`);
+      const res = await storage.getItem(key);
+      addLog(`size of result: ${res?.length}`);
+    } catch (e) {
+      reportError(e);
+    }
+  };
+
   return (
     <div className="flex flex-col items-center px-4">
       <div className="flex flex-col max-w-64 items-center gap-2">
@@ -105,6 +122,13 @@ const BasicTests: React.FC<Props> = ({ storage }) => {
         >
           Test CRUD on many entries
         </button>
+
+        <button
+          onClick={saveBigData}
+          className="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700"
+        >
+          Test big data
+        </button>
       </div>
 
       <div className="w-full flex justify-end max-w-1/4 mt-2">