docs(readme): update installation instructions (#3)

Signed-off-by: slayerjain <[email protected]>

Signed-off-by: slayerjain <[email protected]>

Author: slayerjain

README.md

@@ -1,15 +1,29 @@
-# browser-extension
-Selenium extension to automatically record and mock the backend calls using Keploy for testing.
-This extension is of manifest version-3.  
+# Selenium Browser Extensiom
+The Selenium browser extension is a plugin that enables Selenium IDE developers to record and replay Infrastructure (API, DB calls). It records these calls automatically while test-cases are being captured. 
 
 ## Contents
-1. [Installation](#installation)
-2. [Usage](#usage)
-3. [Supported Clients](#supported-clients)
+1. [Prerequisite](#prerequisite)
+2. [Installation](#installation)
+3. [Usage](#usage)
+4. [Supported Clients](#supported-clients)
+
+## Prerequisite
+1. Latest Google Chrome installed with a Google account and sync enabled.  
+3. [Selenium IDE](https://www.selenium.dev/selenium-ide/) browser extenstion installed in the browser. 
+4. Avoid having other extensions installed. Extensions such as `hoppscotch` can interfere with the keploy extension.
 
 ## Installation
-Just need to install the web extension and make sure that sync is enabled on your google 
-account. It will automatically configure with Selenium-IDE for testing.
+### Load in Dev mode
+1. Download the latest extension zip from here - `https://github.com/keploy/browser-extension/releases`
+2. Unzip/Extract the file. You can use the UI or use the commandline, eg: `unzip ~/Downloads/keploy-browser-extension-v0.1.3.zip` 
+3. Go to the extensions manager and enable Dev mode as shown in the image below.  
+4. Click on the `Load unpacked` button and select the folder and your extension should be loaded.
+<img width="757" alt="Screenshot 2022-08-23 at 11 29 19 AM" src="https://user-images.githubusercontent.com/12831254/186081488-c60e6a61-8527-47cc-9039-ac2266290b7a.png">
+
+### Load from Chrome Web Store
+Coming Soon!
+
+
 
 ## Usage
 ### Record
@@ -29,7 +43,8 @@ Overrides the send method and records the outputs of http calls during recording
 to return the mocked response.
 
 ## Limitations
-1. Since the outputs of dependency calls are stored in session storage, the recorded tests should not redirect to different origin.
-2. Maybe other web-extensions can interfare. Please remove them during testing.
-3. Sync should be enabled on google account because projectName is stored in chrome.storage.sync API.
-4. Currently, it cannot be installed in firefox because firefox browser do not supports manifest version v3.
+1. Fetch is not supported yet. 
+2. Since the outputs of dependency calls are stored in session storage, the recorded tests should not redirect to different origin.
+3. Maybe other web-extensions can interfare. Please remove them during testing.
+4. Sync should be enabled on google account because projectName is stored in chrome.storage.sync API.
+5. Currently, it cannot be installed in firefox because firefox browser do not supports manifest version v3.