fix: given name set on wallet issue

Author: kneerose

tests/govtool-frontend/playwright/lib/_mock/index.ts

@@ -149,7 +149,11 @@ export const valid = {
     return `ipfs://${randomCID}`;
   },
 
-  metadata: (paymentAddress: string, imageObject: imageObject) => ({
+  metadata: (
+    paymentAddress: string,
+    imageObject: imageObject,
+    givenName: string
+  ) => ({
     "@context": {
       "@language": "en-us",
       CIP100:
@@ -212,7 +216,7 @@ export const valid = {
     authors: [],
     hashAlgorithm: "blake2b-256",
     body: {
-      givenName: faker.person.firstName(),
+      givenName: givenName,
       image: imageObject,
       motivations: faker.lorem.paragraph(2),
       objectives: faker.lorem.paragraph(2),

tests/govtool-frontend/playwright/lib/helpers/metadata.ts

@@ -39,24 +39,28 @@ async function calculateMetadataHash() {
       contentUrl: imageUrl,
       sha256: imageSHA256,
     };
+    const givenName = faker.person.firstName();
     const data = JSON.stringify(
-      mockValid.metadata(paymentAddress, imageObject),
+      mockValid.metadata(paymentAddress, imageObject, givenName),
       null,
       2
     );
 
     const hexDigest = calculateHash(data);
 
     const jsonData = JSON.parse(data);
-    return { hexDigest, jsonData };
+    return { hexDigest, jsonData, givenName };
   } catch (error) {
     console.error("Error reading file:", error);
   }
 }
 
 export async function uploadMetadataAndGetJsonHash() {
-  const { hexDigest: dataHash, jsonData } = await calculateMetadataHash();
-  const givenName = faker.person.firstName();
+  const {
+    hexDigest: dataHash,
+    jsonData,
+    givenName,
+  } = await calculateMetadataHash();
   const url = await metadataBucketService.uploadMetadata(givenName, jsonData);
   return { dataHash, url, givenName };
 }

tests/govtool-frontend/playwright/tests/dRep.setup.ts

@@ -80,10 +80,11 @@ setup("Setup temporary DRep wallets", async () => {
   // Submit metadata to obtain a URL and generate hash value.
   const metadataPromises = dRepWallets.map(async (dRepWallet) => {
     const metadataResponse = await uploadMetadataAndGetJsonHash();
+    const givenName = metadataResponse.givenName;
     const index = dRepWallets.indexOf(dRepWallet);
     dRepWallets[index] = {
       ...dRepWallet,
-      givenName: metadataResponse.givenName,
+      givenName,
     };
     return {
       ...metadataResponse,