fix(iframe-events): Support for iframe click events

Fixes checkly#12, Fixes checkly#47

src/background/index.js

@@ -146,7 +146,7 @@ class RecordingController {
   }
 
   injectScript () {
-    chrome.tabs.executeScript({ file: 'content-script.js', allFrames: false })
+    chrome.tabs.executeScript({ file: 'content-script.js', allFrames: true })
   }
 }
 

src/code-generator/CodeGenerator.js

@@ -63,7 +63,7 @@ export default class CodeGenerator {
 
       switch (action) {
         case 'keydown':
-          if (keyCode === 9) {
+          if (keyCode === 9) { // tab key
             this._blocks.push(this._handleKeyDown(selector, value, keyCode))
           }
           break

src/content-scripts/__tests__/forms.spec.js

@@ -7,7 +7,6 @@ let server
 let browser
 let page
 
-
 describe('forms', () => {
   beforeAll(async (done) => {
     await runDist()

src/content-scripts/index.js

@@ -6,6 +6,7 @@ class EventRecorder {
     this.eventLog = []
     this.previousEvent = null
     this.dataAttribute = null
+    this.isTopFrame = (window.location === window.parent.location)
   }
 
   start () {
@@ -26,18 +27,20 @@ class EventRecorder {
   _initializeRecorder () {
     const events = Object.values(eventsToRecord)
     if (!window.pptRecorderAddedControlListeners) {
-      this.addAllListeners(elementsToBindTo, events)
+      this.addAllListeners(events)
       window.pptRecorderAddedControlListeners = true
     }
 
     if (!window.document.pptRecorderAddedControlListeners && chrome.runtime && chrome.runtime.onMessage) {
       window.document.pptRecorderAddedControlListeners = true
     }
 
-    this.sendMessage({ control: 'event-recorder-started' })
-    this.sendMessage({ control: 'get-current-url', href: window.location.href })
-    this.sendMessage({ control: 'get-viewport-size', coordinates: { width: window.innerWidth, height: window.innerHeight } })
-    console.debug('Puppeteer Recorder in-page EventRecorder started')
+    if (this.isTopFrame) {
+      this.sendMessage({ control: 'event-recorder-started' })
+      this.sendMessage({ control: 'get-current-url', href: window.location.href })
+      this.sendMessage({ control: 'get-viewport-size', coordinates: { width: window.innerWidth, height: window.innerHeight } })
+      console.debug('Puppeteer Recorder in-page EventRecorder started')
+    }
   }
 
   addAllListeners (events) {

src/popup/components/App.vue

@@ -43,11 +43,11 @@
 <script>
   import { version } from '../../../package.json'
   import CodeGenerator from '../../code-generator/CodeGenerator'
-  import RecordingTab from "./RecordingTab.vue"
-  import ResultsTab from "./ResultsTab.vue";
-  import HelpTab from "./HelpTab.vue";
+  import RecordingTab from './RecordingTab.vue'
+  import ResultsTab from './ResultsTab.vue'
+  import HelpTab from './HelpTab.vue'
 
-  export default {
+export default {
     name: 'App',
     components: { ResultsTab, RecordingTab, HelpTab },
     data () {