siesta-lite
Version:
Stress-free JavaScript unit testing and functional testing tool, works in NodeJS and browsers
211 lines (165 loc) • 7.37 kB
HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The source code</title>
<link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="../resources/prettify/prettify.js"></script>
<style type="text/css">
.highlight { display: block; background-color: #ddd; }
</style>
<script type="text/javascript">
function highlight() {
document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
}
</script>
</head>
<body onload="prettyPrint(); highlight();">
<pre class="prettyprint lang-js">/*
Siesta 5.6.1
Copyright(c) 2009-2022 Bryntum AB
https://bryntum.com/contact
https://bryntum.com/products/siesta/license
*/
Ext.define('Siesta.Recorder.UI.TargetColumn', {
extend : 'Ext.grid.Column',
alias : 'widget.targetcolumn',
requires : [
'Siesta.Recorder.UI.Editor.Array',
'Siesta.Recorder.UI.Editor.Target',
'Siesta.Recorder.UI.Editor.DragTarget',
'Siesta.Recorder.UI.Editor.Code'
],
header : Siesta.Resource('Siesta.Recorder.UI.TargetColumn', 'headerText'),
dataIndex : 'target',
flex : 1,
sortable : false,
menuDisabled : true,
field : {},
tdCls : 'eventview-targetcolumn',
// API for highlighting typed target text, supplied by owner/creator
highlightTarget : null,
renderer : function (value, meta, record) {
// we are not interested in the default value which is the "target" field value
value = ''
var actionName = (record.data.action || '').toLowerCase()
if (record.hasTarget()) {
var target = record.getTarget()
if (target) {
var R = Siesta.Resource('Siesta.Recorder.UI.TargetColumn');
value = target.target
if (target && target.type == 'cq') value = '>>' + value
if (actionName === 'drag') {
var toTarget = record.data.toTarget
var by = record.data.by
if (toTarget && toTarget.targets.length && (!toTarget.isTooGeneric() || !by))
value += ' ' + R.get('to') + ': ' + toTarget.getTarget().target;
else if (by)
value += ' ' + R.get('by') + ': [' + by + ']';
}
meta.tdCls = 'eventview-target-' + target.type
if (target.type === 'xy') {
meta.tdAttr = "title='" + R.get('coordinateTargetWarning') + "'";
}
value = Ext.String.htmlEncode(value);
}
} else if (actionName == 'movecursoralongpath') {
value = Ext.String.htmlEncode(JSON.stringify(record.$action.value));
} else {
var value = record.get('value');
var options = record.data.options;
if (value !== null && value !== undefined && options) {
// Prepend modifier keys to all chars typed
value = record.getReadableStringWithModifierKeys(value, options);
}
}
// can be already set above
if (!meta.tdAttr)
// !IMPORTANT note, that we use double quotes for the value of "title" attribute, so all content inside it should use
// single quotes (`getReadableStringWithModifierKeys` does), otherwise the grid's markup will be broken
meta.tdAttr = 'title="' + Ext.util.Format.stripTags(value) + '"';
return value;
},
setTargetEditor : function (actionRecord) {
var newField = this.getTargetEditor(actionRecord);
// Not all actions have target editors
if (!newField) {
return false;
}
this.setEditor(newField);
},
getTargetEditor : function (record) {
var me = this;
var action = record.get('action');
var editor;
if (action.match(/^waitFor/)) {
if (action === 'waitForAnimations') return null;
if (action === 'waitForFn') {
editor = new Siesta.Recorder.UI.Editor.Code();
} else {
this.dataIndex = 'value';
if (action === 'waitForMs') {
editor = new Ext.form.field.Number()
} else {
// Default waitFor editor will just be a text field
editor = new Ext.form.field.Text();
}
}
} else if (action === 'drag') {
this.dataIndex = 'target';
editor = new Siesta.Recorder.UI.Editor.DragTarget({
onTargetChange : function () {
me.onTargetChange.apply(me, arguments);
},
listeners : {
collapse : function () {
me.up('tablepanel').editing.cancelEdit()
}
}
});
} else if (action === 'fn') {
this.dataIndex = 'value';
editor = new Siesta.Recorder.UI.Editor.Code();
} else if (action === 'type' || action === 'moveCursorBy' || action === 'screenshot' || action === 'setUrl') {
this.dataIndex = 'value';
editor = new Ext.form.field.Text();
}else if (action === 'setWindowSize') {
this.dataIndex = 'value';
editor = new Siesta.Recorder.UI.Editor.Array();
}
else {
// Assume it's a target action
this.dataIndex = 'target';
editor = new Siesta.Recorder.UI.Editor.Target({
listeners : {
select : this.onTargetChange,
keyup : this.onTargetChange,
focus : this.onTargetChange,
buffer : 50,
scope : this
}
});
editor.populate(record.data.target);
}
// Give editor access to the record
editor.record = record;
return editor;
},
onTargetChange : function (field) {
var target = field.getTarget();
if (!target) return;
var textTarget = target.target
if (target.type == 'cq') textTarget = '>>' + textTarget
if (this.highlightTarget) {
var result = this.highlightTarget(textTarget, target.offset);
if (result.success) {
field.clearInvalid()
} else {
field.markInvalid(result.message);
}
}
}
});
</pre>
</body>
</html>