176 |
177 |
178 |
--------------------------------------------------------------------------------
/content/recorder.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright 2017 SideeX committers
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | *
16 | */
17 |
18 | class Recorder {
19 |
20 | constructor(window) {
21 | this.window = window;
22 | this.attached = false;
23 | this.locatorBuilders = new LocatorBuilders(window);
24 | this.frameLocation = this.getFrameLocation();
25 | browser.runtime.sendMessage({
26 | frameLocation: this.frameLocation
27 | }).catch(function(reason) {
28 | // Failed silently if receiving end does not exist
29 | });
30 | }
31 |
32 | // This part of code is copyright by Software Freedom Conservancy(SFC)
33 | parseEventKey(eventKey) {
34 | if (eventKey.match(/^C_/)) {
35 | return { eventName: eventKey.substring(2), capture: true };
36 | } else {
37 | return { eventName: eventKey, capture: false };
38 | }
39 | }
40 |
41 | // This part of code is copyright by Software Freedom Conservancy(SFC)
42 | attach() {
43 | if (this.attached) {
44 | return;
45 | }
46 | this.attached = true;
47 | this.eventListeners = {};
48 | var self = this;
49 | for (let eventKey in Recorder.eventHandlers) {
50 | var eventInfo = this.parseEventKey(eventKey);
51 | var eventName = eventInfo.eventName;
52 | var capture = eventInfo.capture;
53 | // create new function so that the variables have new scope.
54 | function register() {
55 | var handlers = Recorder.eventHandlers[eventKey];
56 | var listener = function(event) {
57 | for (var i = 0; i < handlers.length; i++) {
58 | handlers[i].call(self, event);
59 | }
60 | }
61 | this.window.document.addEventListener(eventName, listener, capture);
62 | this.eventListeners[eventKey] = listener;
63 | }
64 | register.call(this);
65 | }
66 | }
67 |
68 | // This part of code is copyright by Software Freedom Conservancy(SFC)
69 | detach() {
70 | if (!this.attached) {
71 | return;
72 | }
73 | this.attached = false;
74 | for (let eventKey in this.eventListeners) {
75 | var eventInfo = this.parseEventKey(eventKey);
76 | var eventName = eventInfo.eventName;
77 | var capture = eventInfo.capture;
78 | this.window.document.removeEventListener(eventName, this.eventListeners[eventKey], capture);
79 | }
80 | delete this.eventListeners;
81 | }
82 |
83 | getFrameLocation() {
84 | let currentWindow = window;
85 | let currentParentWindow;
86 | let frameLocation = ""
87 | while (currentWindow !== window.top) {
88 | currentParentWindow = currentWindow.parent;
89 | for (let idx = 0; idx < currentParentWindow.frames.length; idx++)
90 | if (currentParentWindow.frames[idx] === currentWindow) {
91 | frameLocation = ":" + idx + frameLocation;
92 | currentWindow = currentParentWindow;
93 | break;
94 | }
95 | }
96 | return frameLocation = "root" + frameLocation;
97 | }
98 |
99 | record(command, target, value, insertBeforeLastCommand, actualFrameLocation) {
100 | let self = this;
101 | browser.runtime.sendMessage({
102 | command: command,
103 | target: target,
104 | value: value,
105 | insertBeforeLastCommand: insertBeforeLastCommand,
106 | frameLocation: (actualFrameLocation != undefined ) ? actualFrameLocation : this.frameLocation,
107 | }).catch (function(reason) {
108 | // If receiving end does not exist, detach the recorder
109 | self.detach();
110 | });
111 | }
112 | }
113 |
114 | Recorder.eventHandlers = {};
115 | Recorder.addEventHandler = function(handlerName, eventName, handler, options) {
116 | handler.handlerName = handlerName;
117 | if (!options) options = false;
118 | let key = options ? ('C_' + eventName) : eventName;
119 | if (!this.eventHandlers[key]) {
120 | this.eventHandlers[key] = [];
121 | }
122 | this.eventHandlers[key].push(handler);
123 | }
124 |
125 |
126 | // TODO: new by another object
127 | var recorder = new Recorder(window);
128 |
129 | // TODO: move to appropriate file
130 | // show element
131 | function startShowElement(message, sender, sendResponse){
132 | if (message.showElement) {
133 | result = selenium["doShowElement"](message.targetValue);
134 | return Promise.resolve({result: result});
135 | }
136 | }
137 | browser.runtime.onMessage.addListener(startShowElement);
138 |
--------------------------------------------------------------------------------
/panel/js/lib/colResizable-1.5.min.js:
--------------------------------------------------------------------------------
1 | // colResizable 1.5 - a jQuery plugin by Alvaro Prieto Lauroba http://www.bacubacu.com/colresizable/
2 | (function($){var d=$(document),h=$("head"),drag=null,tables=[],count=0,ID="id",PX="px",SIGNATURE="JColResizer",FLEX="JCLRFlex",I=parseInt,M=Math,ie=navigator.userAgent.indexOf('Trident/4.0')>0,S;try{S=sessionStorage}catch(e){};h.append("");var init=function(tb,options){var t=$(tb);t.opt=options;if(t.opt.disable)return destroy(t);var id=t.id=t.attr(ID)||SIGNATURE+ count++;t.p=t.opt.postbackSafe;if(!t.is("table")||tables[id]&&!t.opt.partialRefresh)return;t.addClass(SIGNATURE).attr(ID,id).before('');t.g=[];t.c=[];t.w=t.width();t.gc=t.prev();t.f=t.opt.fixed;if(options.marginLeft)t.gc.css("marginLeft",options.marginLeft);if(options.marginRight)t.gc.css("marginRight",options.marginRight);t.cs=I(ie?tb.cellSpacing||tb.currentStyle.borderSpacing:t.css('border-spacing'))||2;t.b=I(ie?tb.border||tb.currentStyle.borderLeftWidth:t.css('border-left-width'))||1;tables[id]=t;createGrips(t)},destroy=function(t){var id=t.attr(ID),t=tables[id];if(!t||!t.is("table"))return;t.removeClass(SIGNATURE+" "+FLEX).gc.remove();delete tables[id]},createGrips=function(t){var th=t.find(">thead>tr>th,>thead>tr>td");if(!th.length)th=t.find(">tbody>tr:first>th,>tr:first>th,>tbody>tr:first>td, >tr:first>td");th=th.filter(":visible");t.cg=t.find("col");t.ln=th.length;if(t.p&&S&&S[t.id])memento(t,th);th.each(function(i){var c=$(this),g=$(t.gc.append('')[0].lastChild);g.append(t.opt.gripInnerHtml).append('');if(i==t.ln-1){g.addClass("JCLRLastGrip");if(t.f)g.html("")};g.bind('touchstart mousedown',onGripMouseDown);g.t=t;g.i=i;g.c=c;c.w=c.width();t.g.push(g);t.c.push(c);c.width(c.w).removeAttr("width");g.data(SIGNATURE,{i:i,t:t.attr(ID),last:i==t.ln-1})});t.cg.removeAttr("width");syncGrips(t);t.find('td, th').not(th).not('table th, table td').each(function(){$(this).removeAttr('width')});if(!t.f)t.removeAttr('width').addClass(FLEX)},memento=function(t,th){var w,m=0,i=0,aux=[],tw;if(th){t.cg.removeAttr("width");if(t.opt.flush){S[t.id]="";return};w=S[t.id].split(";");tw=w[t.ln+1];if(!t.f&&tw)t.width(tw);for(;i*{cursor:"+t.opt.dragCursor+"!important}");g.addClass(t.opt.draggingClass);drag=g;if(t.c[o.i].l)for(var i=0,c;i 0) {
84 | // If selecting a blank command;
85 | addCommandAuto("", target, "");
86 | }
87 |
88 | return;
89 | }
90 | if (message.cancelSelectTarget) {
91 | var button = document.getElementById("selectElementButton");
92 | isSelecting = false;
93 | button.textContent = "Select";
94 | browser.tabs.sendMessage(sender.tab.id, {selectMode: true, selecting: false});
95 | return;
96 | }
97 |
98 | if (message.attachRecorderRequest) {
99 | if (isRecording && !isPlaying) {
100 | browser.tabs.sendMessage(sender.tab.id, {attachRecorder: true});
101 | }
102 | return;
103 | }
104 | }
105 |
106 | browser.runtime.onMessage.addListener(handleMessage);
107 |
108 | browser.runtime.onMessage.addListener(function contentWindowIdListener(message) {
109 | if (message.selfWindowId != undefined && message.commWindowId != undefined) {
110 | selfWindowId = message.selfWindowId;
111 | contentWindowId = message.commWindowId;
112 | extCommand.setContentWindowId(contentWindowId);
113 | recorder.setOpenedWindow(contentWindowId);
114 | recorder.setSelfWindowId(selfWindowId);
115 | browser.runtime.onMessage.removeListener(contentWindowIdListener);
116 | }
117 | })
118 |
119 | function notification(command, target, value) {
120 | let tempCount = String(notificationCount);
121 | notificationCount++;
122 | // In Chrome, notification.create must have "iconUrl" key in notificationOptions
123 | browser.notifications.create(tempCount, {
124 | "type": "basic",
125 | "iconUrl": "/icons/icons-48.png",
126 | "title": "Command Recorded",
127 | "message": "command: " + String(command) + "\ntarget: " + tacPreprocess(String(target[0][0])) + "\nvalue: " + String(value)
128 | });
129 |
130 | setTimeout(function() {
131 | browser.notifications.clear(tempCount);
132 | }, 1500);
133 | }
134 |
135 | function tacPreprocess(target) {
136 | if (target.includes("d-XPath")) return "auto-located-by-tac";
137 | return target;
138 | }
--------------------------------------------------------------------------------
/background/background.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright 2017 SideeX committers
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | *
16 | */
17 |
18 | var master = {};
19 | var clickEnabled = true;
20 |
21 | function openPanel(tab) {
22 |
23 | let contentWindowId = tab.windowId;
24 | if (master[contentWindowId] != undefined) {
25 | browser.windows.update(master[contentWindowId], {
26 | focused: true
27 | }).catch(function (e) {
28 | master[contentWindowId] == undefined;
29 | openPanel(tab);
30 | });
31 | return;
32 | } else if (!clickEnabled) {
33 | return;
34 | }
35 |
36 | clickEnabled = false;
37 | setTimeout(function () {
38 | clickEnabled = true;
39 | }, 1000);
40 |
41 | browser.windows.create({
42 | url: browser.runtime.getURL("panel/index.html"),
43 | type: "popup",
44 | height: 730,
45 | width: 750
46 | }).then(function waitForPanelLoaded(panelWindowInfo) {
47 | return new Promise(function (resolve, reject) {
48 | let count = 0;
49 | let interval = setInterval(function () {
50 | if (count > 100) {
51 | reject("SideeX editor has no response");
52 | clearInterval(interval);
53 | }
54 |
55 | browser.tabs.query({
56 | active: true,
57 | windowId: panelWindowInfo.id,
58 | status: "complete"
59 | }).then(function (tabs) {
60 | if (tabs.length != 1) {
61 | count++;
62 | return;
63 | } else {
64 | master[contentWindowId] = panelWindowInfo.id;
65 | if (Object.keys(master).length === 1) {
66 | //createMenus();
67 | }
68 | resolve(panelWindowInfo);
69 | clearInterval(interval);
70 | }
71 | })
72 | }, 200);
73 | });
74 | }).then(function bridge(panelWindowInfo) {
75 | return browser.tabs.sendMessage(panelWindowInfo.tabs[0].id, {
76 | selfWindowId: panelWindowInfo.id,
77 | commWindowId: contentWindowId
78 | });
79 | }).catch(function (e) {
80 | console.log(e);
81 | });
82 |
83 | }
84 |
85 | //browser.browserAction.onClicked.addListener(openPanel);
86 |
87 | browser.windows.onRemoved.addListener(function (windowId) {
88 | let keys = Object.keys(master);
89 | for (let key of keys) {
90 | if (master[key] === windowId) {
91 | delete master[key];
92 | if (keys.length === 1) {
93 | //browser.contextMenus.removeAll();
94 | }
95 | }
96 | }
97 | });
98 |
99 | function createMenus() {
100 | browser.contextMenus.create({
101 | id: "verifyText",
102 | title: "verifyText",
103 | documentUrlPatterns: [""],
104 | contexts: ["all"]
105 | });
106 | browser.contextMenus.create({
107 | id: "verifyTitle",
108 | title: "verifyTitle",
109 | documentUrlPatterns: [""],
110 | contexts: ["all"]
111 | });
112 | browser.contextMenus.create({
113 | id: "verifyValue",
114 | title: "verifyValue",
115 | documentUrlPatterns: [""],
116 | contexts: ["all"]
117 | });
118 | browser.contextMenus.create({
119 | id: "assertText",
120 | title: "assertText",
121 | documentUrlPatterns: [""],
122 | contexts: ["all"]
123 | });
124 | browser.contextMenus.create({
125 | id: "assertTitle",
126 | title: "assertTitle",
127 | documentUrlPatterns: [""],
128 | contexts: ["all"]
129 | });
130 | browser.contextMenus.create({
131 | id: "assertValue",
132 | title: "assertValue",
133 | documentUrlPatterns: [""],
134 | contexts: ["all"]
135 | });
136 | browser.contextMenus.create({
137 | id: "storeText",
138 | title: "storeText",
139 | documentUrlPatterns: [""],
140 | contexts: ["all"]
141 | });
142 | browser.contextMenus.create({
143 | id: "storeTitle",
144 | title: "storeTitle",
145 | documentUrlPatterns: [""],
146 | contexts: ["all"]
147 | });
148 | browser.contextMenus.create({
149 | id: "storeValue",
150 | title: "storeValue",
151 | documentUrlPatterns: [""],
152 | contexts: ["all"]
153 | });
154 | }
155 |
156 | // chrome.contextMenus.create({
157 | // title: '功能录制',
158 | // onclick: function (params) {
159 | // chrome.tabs.query({'active': true, 'lastFocusedWindow': true}, function (tabs) {
160 | // openPanel(tabs[0])
161 | // });
162 | // }
163 | // });
164 |
165 | // var port;
166 | // browser.runtime.onConnect.addListener(function (m) {
167 | // port = m;
168 | // });
169 | // browser.contextMenus.onClicked.addListener(function (info, tab) {
170 | // port.postMessage({cmd: info.menuItemId});
171 | // });
172 |
--------------------------------------------------------------------------------
/panel/js/background/doc.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright 2017 SideeX committers
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | *
16 | */
17 |
18 |
19 | var commandTd=["addSelection","answerOnNextPrompt","assertAlert","assertConfirmation","assertPrompt","assertText","assertTitle","assertValue","chooseCancelOnNextConfirmation","chooseCancelOnNextPrompt","chooseOkOnNextConfirmation","clickAt","close" ,"dragAndDropToObject","doubleClickAt","echo","editContent","mouseDownAt","mouseMoveAt","mouseOut","mouseOver","mouseUpAt","open","pause","removeSelection","runScript","select","selectFrame","selectWindow","sendKeys","store","storeEval","storeText","storeTitle","storeValue","submit","type","verifyText","verifyTitle","verifyValue"];
20 |
21 |
22 | var targetTd=["A locator of a multi-select box","The string to be set to the next prompt pop-up","The expected alert message","The expected confirmation message",
23 | "The expected prompt message","A locator","The expected string of the title (Exact matching). Variable declared in the storeXXX commands can be used in the string. For example: \"Hello ${var_usr}\"","A locator",
24 | "X","X","X","A locator",
25 | "Auto-generated","The locator of the element to be dragged","A locator","The string to be printed in the log console. Variable declared in the storeXXX commands can be used in the string. For example: \"Hello ${var_usr}\"",
26 | "A locator","A locator","A locator","A locator","A locator","A locator",
27 | "A URL","X","A locator of a multi-select box","The Javascript code to be run. For example: \"var a=10; var b=10; console.log(a+b);\"NOTE THAT: Avoid using alert(), prompt(), and confirm(). These three functions will not take effect while running. Please use console.log() to log messages instead.",
28 | "A locator of a drop-down menu","\"index=0\" (Select the first frame of index 0)\"relative=parent\" (Select the parent frame)\"relative=top\" (Select the top frame)","Auto-generated","A locator",
29 | "A string to store","A JavaScript expression, variable, statement, or sequence of statements.\For example: \"x=2; y=3; z = Math.max(x,y);\". The statements will be evaluated to 3 that will be stored in the variable declared in this command's value, say ret.","A locator","The title to store (auto-generated)","A locator",
30 | "A locator for the form to be submitted","A locator","A locator","The expected string of the title (Exact matching). The next command will still be run even if the text verification fails. Variable declared in the storeXXX commands can be used in the string. For example: \"Hello ${var_usr}\"","A locator"];
31 |
32 |
33 | var valueTd=["An option locator of the element to be added. For example: \"label=Option1\"","X","X","X",
34 | "X","The expected text of the target element (Exact matching). Variable declared in the storeXXX commands can be used in the string. For example: \"Hello ${var_usr}\"","X","The expected value of the target element (Exact matching).\
35 | Variable declared in the storeXXX commands can be used in the value. For example: \"Hello ${var_usr}\"","X",
36 | "X","X","x,y position of the mouse event relative to the target element. For example: \"10,10\". The value can left blank to denote a simple click.","X","The locator of the element on which the target element is dropped",
37 | "x,y position of the mouse event relative to the target element. For example: \"10,10\". The value can left blank to denote a simple double click.","X","The string to be set to the content of the target element with attribute contenteditable=\"true\"","x,y position of the mouse event relative to the target element. For example: \"10,10\"",
38 | "x,y position of the mouse event relative to the target element. For example: \"10,10\"","X","X","x,y position of the mouse event relative to the target element. For example: \"10,10\"",
39 | "X","The amount of time to sleep in millisecond. For example: \"5000\" means sleep for 5 seconds.","An option locator of the element to be removed. For example: \"label=Option1\"","X",
40 | "An option locator. For example: \"label=Option1\"","X","X","A character. For example: \"${KEY_DOWN}\"",
41 | "The name of the variable storing the string. For example: \"var_usr\"","The name of the variable storing the completion value of evaluating the given code.\
42 | For example: \"ret\".","The name of the variable storing the text of the target element. For example: \"var_ele_txt\"","The name of the variable storing the title. For example: \"var_title\""," The name of the variable storing the value of the target element. For example: \"var_ele_value\"","X","The string to be set to an input field.",
43 | "The expected text of the target element (Exact matching). The next command will still be run even if the text verification fails. Variable declared in the storeXXX commands can be used in the string. For example: \"Hello ${var_usr}\"","X","The expected value of the target element (Exact matching). The next command will still be run even if the text verification fails.\Variable declared in the storeXXX commands can be used in the value. For example: \"Hello ${var_usr}\""];
44 |
45 |
46 |
47 |
48 | function searchCommand(word,command){
49 | var index=0;
50 | for(index;index[\s\S]+?<\/tbody>/);
24 | if (!output) {
25 | return null;
26 | }
27 | output = output[0]
28 | .replace(//, "")
29 | .replace(/<\/tbody>/, "");
30 | var tr = output.match(/
[\s\S]*?<\/tr>/gi);
31 | output = "";
32 | if (tr)
33 | for (var i = 0; i < tr.length; ++i) {
34 | pattern = tr[i].match(/(?:
)([\s]*?)(?:
)([\s\S]*?)(?:<\/td>)([\s]*?)(?:
)([\s\S]*?)(?:
".length
169 | component[1] = str.substring(0, postindex+8).substring(preindex);
170 | component[2] = str.substring(postindex+8);
171 |
172 | return component;
173 | }
174 |
175 | function splitForeAndBack(str, tag) {
176 | let postindex = str.indexOf(tag);
177 | return [str.substring(0, postindex), str.substring(postindex)];
178 | }
179 |
180 | function splitTag(str, tag) {
181 | let preindex = str.indexOf("<" + tag);
182 | let postindex = str.indexOf("");
183 | // NOTE: 3 is "".length
184 | return str.substring(preindex, postindex+3+tag.length);
185 | }
186 |
187 | function addDatalistTag(str) {
188 | // for some input with table tag
189 | var tempFore = "";
190 | if (str.search("= 0) {
191 | var tbodyIndex = str.indexOf("");
192 | tempFore = str.substring(0, tbodyIndex);
193 | str = str.substring(tbodyIndex);
194 | }
195 |
196 | let preindex = str.indexOf("
");
197 | let postindex = str.indexOf("
");
198 | let count = 0;
199 | let isOpenCommand = false;
200 | while (preindex>=0 && postindex>=0) {
201 | // check if the command is open, for appending URL base
202 | if (count == 0) {
203 | if (str.substring(preindex, postindex).search("open") >= 0) {
204 | isOpenCommand = true;
205 | }
206 | }
207 |
208 | // NOTE: Because we add datalist tag in second td in every tbody's tr
209 | // we do tjis in evey count equals to 1
210 | if (count == 1) {
211 | // we append Selenium base for open command
212 | if (isOpenCommand) {
213 | let originBase = str.substring(preindex, postindex+5)
214 | let insertBase = appendOpenCommandTarget(originBase);
215 | // NOTE: 5 is "".length
216 | str = str.substring(0, preindex) + insertBase + str.substring(postindex+5);
217 | postindex += (insertBase.length-originBase.length);
218 | isOpenCommand = false;
219 | }
220 |
221 | let insert = "";
222 | str = str.substring(0, postindex) + insert + str.substring(postindex);
223 | postindex += insert.length;
224 | }
225 |
226 | preindex = str.indexOf("