Merge pull request #147 from Ibby-devv/main

Author: with-heart

frontend/.gitignore

@@ -2,6 +2,7 @@
 /node_modules
 /.pnp
 .pnp.js
+/.yarn
 
 # testing
 /coverage
@@ -15,6 +16,7 @@
 .env.development.local
 .env.test.local
 .env.production.local
+.yarnrc
 
 npm-debug.log*
 yarn-debug.log*

frontend/_tests_/mocks/web3.js

@@ -0,0 +1,41 @@
+let defaultAccounts = [];
+let defaultNetwork = '1';
+let accounts = defaultAccounts.slice();
+let network = defaultNetwork;
+
+const web3Mock = {
+  eth: {
+    accounts: {
+      wallet: {
+        length: 0,
+      },
+    },
+    getAccounts: (cb) => cb(null, accounts),
+    net: {
+      getId: (cb) => cb(null, network),
+    },
+  },
+  currentProvider: {
+    enable: () => {
+      return Promise.resolve(accounts);
+    },
+  },
+  setNetwork: (v) => (network = v),
+  setAccounts: (v) => {
+    accounts = v;
+    accounts.forEach((address, i) => {
+      web3.eth.accounts.wallet[i] = {
+        address: address,
+      };
+    });
+    web3.eth.accounts.wallet.length = accounts.length;
+  },
+  restore: () => {
+    accounts = defaultAccounts.slice();
+    network = defaultNetwork;
+    web3.eth.accounts.wallet = { length: 0 };
+  },
+  version: '1.0.0-beta.20',
+};
+
+export default web3Mock;

frontend/_tests_/pages/mint.test.jsx

@@ -0,0 +1,58 @@
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import testCommonLink from '../utils/testCommons';
+import web3Mock from '../mocks/web3';
+
+import MintPage from '../../src/pages/mint';
+
+// Mocks
+
+// - Wallet mock
+
+// Tests
+
+// - Expected Negative Interactions
+
+// -- User unsuccessfully connects wallet
+
+// -- Browser does not have web3 support
+describe('Browser does not support Web3', () => {
+  it('Web3 not defined', () => {
+    const originalEthereum = global.window.ethereum;
+    render(<MintPage />);
+    expect(originalEthereum).toBeUndefined();
+  });
+});
+// -- Insufficient funds
+
+// -- Transaction failed (could not connect)
+
+// -- Token already minted
+
+// - Expected Positive Interactions
+
+// -- When user arrives on page mint button should be disabled, connect wallet should be enabled
+describe('Positive Interactions', () => {
+  it('Render page default correctly', () => {
+    render(<MintPage />);
+
+    const ddaoTokenSearch = screen.getByRole('link', {
+      name: /here/,
+    });
+
+    testCommonLink(ddaoTokenSearch, 'http://ddao.ibby.dev');
+
+    const connectWalletButton = screen.getByRole('button', {
+      name: /connectWalletText/,
+    });
+
+    // - [Button] - Connect Wallet
+    expect(connectWalletButton).toBeInTheDocument();
+  });
+});
+
+// -- User Connects Wallet Successfully
+
+// -- User sucessfully starts transacion to mint token
+
+// -- User successfully mints token

frontend/package.json

@@ -13,6 +13,7 @@
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
+    "@walletconnect/web3-provider": "^1.6.5",
     "ethers": "^5.4.6",
     "framer-motion": "^4",
     "jest": "^27.2.0",
@@ -22,7 +23,8 @@
     "react-dom": "^17.0.2",
     "use-nft": "^0.10.1",
     "web-vitals": "^1.0.1",
-    "web3": "^1.5.2"
+    "web3": "^1.5.3",
+    "web3modal": "^1.9.4"
   },
   "scripts": {
     "start": "next start",

frontend/public/locales/en/common.json

@@ -22,12 +22,26 @@
   "hosting": "Hosting by:",
   "copyLinkToNFT": "Copy link to NFT",
   "linkCopied": "Link copied to clipboard",
+  "tokenUnavailable": "Token ID may not be available",
+  "NFTMintSuccess": "Your NFT should now be in your wallet!",
+  "TokenMintMessage": "Token Minted",
+  "tokenIDPlaceholder": "Enter Token ID",
+  "mintTokenText" : "Mint your Token",
+  "connectWalletText": "Connect Wallet",
+  "ethereumNetworkPrompt": "Please Connect to the Ethereum Mainnet",
+  "availableTokensText": "View the available Token IDs",
+  "mintPageHeader": "DEVS Token Minter",
   "projectsList": "A list of community projects created by the Developer DAO community.",
   "ddaoTokenSearch": "DDAO Token Search",
   "ddaoUnofficalFrontend": "Developer DAO Unofficial Frontend",
   "ddaoTokenVisualizer": "Developer DAO Token Visualizer",
   "by": "by",
   "otherTokensOwnedByThisAddress":"Other Tokens owned by this address",
-  "noOtherTokens":"No other tokens owned by this address"
-
+  "noOtherTokens":"No other tokens owned by this address",
+  "userCancelTransaction": "Transaction Cancelled by User",
+  "transactionSending": "Transaction Being Sent",
+  "here": "here",
+  "errorMinting": "Unable to Mint NFT",
+  "disconnectWallet": "Disconnect Wallet",
+  "etherscanMessage": "View your TX on Etherscan"
 }