Merge pull request #122 from Nehtaro/QA

Fixed Clipboard

README.md

@@ -3,9 +3,11 @@
 
 Cypress Recorder is a Chrome developer tool that records user interaction within a web application and generates Cypress scripts to allow the developer to replicate that particular session. This will speed up your development cycle by facilitating the creation of unit and integration tests.
 
+![Screenshot](https://user-images.githubusercontent.com/53627801/67922272-8d292d00-fb67-11e9-836e-998d912617be.png)
+
 ## Getting Started
 
-Download Cypress Recorder from the Chrome Web Store. That's it! Once you see our icon at the upper-right of your browser window, you are ready to start generating Cypress scripts.
+Download Cypress Recorder from the [Chrome Web Store](https://chrome.google.com/webstore/detail/cypress-recorder/glcapdcacdfkokcmicllhcjigeodacab). That's it! Once you see our icon at the upper-right of your browser window, you are ready to start generating Cypress scripts.
 
 ## Features
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cypress-recorder",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Records a user session and generates cypress code for automation and testing purposes.",
   "main": "index.js",
   "scripts": {

src/manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Cypress Recorder",
   "short_name": "Cypress Rec",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Records a user session and generates cypress code for automation and testing purposes.",
   "manifest_version": 2,
   "permissions": [

src/popup/components/App.tsx

@@ -63,7 +63,11 @@ export default () => {
 
   const copyToClipboard = async (): Promise<void> => {
     try {
-      await navigator.clipboard.writeText(codeBlocks.join('\n'));
+      let toBeCopied: string = '';
+      for (let i = 0; i !== codeBlocks.length; i += 1) {
+        toBeCopied += codeBlocks[i].value.concat('\n');
+      }
+      await navigator.clipboard.writeText(toBeCopied);
     } catch (error) {
       throw new Error(error);
     }