本文整理汇总了TypeScript中@ephox/agar.RealMouse类的典型用法代码示例。如果您正苦于以下问题：TypeScript RealMouse类的具体用法？TypeScript RealMouse怎么用？TypeScript RealMouse使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。
在下文中一共展示了RealMouse类的3个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: TinyApis
TinyLoader.setup(function (editor, onSuccess, onFailure) {
const api = TinyApis(editor);
const ui = TinyUi(editor);
// Cut doesn't seem to work in webdriver mode on ie, firefox is producing moveto not supported, edge fails if it's not observed
Pipeline.async({}, (platform.browser.isIE() || platform.browser.isFirefox() || platform.browser.isEdge()) ? [] : [
api.sSetContent('<p>abc</p>'),
api.sSetSelection([0, 0], 1, [0, 0], 2),
ui.sClickOnMenu('Click Edit menu', 'button:contains("Edit")'),
ui.sWaitForUi('Wait for dropdown', '.mce-floatpanel[role="application"]'),
RealMouse.sClickOn('.mce-i-cut'),
Waiter.sTryUntil('Cut is async now, so need to wait for content', api.sAssertContent('<p>ac</p>'), 100, 1000)
], onSuccess, onFailure);
}, {示例2: TinyApis
TinyLoader.setup(function (editor, onSuccess, onFailure) {
const api = TinyApis(editor);
const ui = TinyUi(editor);
// Cut doesn't seem to work in webdriver mode on ie, firefox is producing moveto not supported, edge fails if it's not observed
Pipeline.async({}, (platform.browser.isIE() || platform.browser.isFirefox() || platform.browser.isEdge()) ? [] :
Log.steps('TBA', 'Paste: Set and select content, cut using edit menu and assert cut content', [
api.sSetContent('<p>abc</p>'),
api.sSetSelection([0, 0], 1, [0, 0], 2),
ui.sClickOnMenu('Click Edit menu', 'button:contains("Edit")'),
Chain.asStep({}, [
ui.cWaitForUi('Wait for menu item', '[role="menuitem"]:contains("Cut")'),
RealMouse.cClick()
]),
Waiter.sTryUntil('Cut is async now, so need to wait for content', api.sAssertContent('<p>ac</p>'), 100, 1000)
]), onSuccess, onFailure);
}, {示例3: Test
UnitTest.asynctest('Dialog Focus Test (webdriver)', (success, failure) => {
const helpers = TestExtras();
const windowManager = WindowManager.setup(helpers.extras);
const doc = Element.fromDom(document);
const isPhantomJs = function () {
return /PhantomJS/.test(window.navigator.userAgent);
};
const tests =
isPhantomJs ? [ ] : [
TestHelpers.GuiSetup.mAddStyles(doc, [
'[role="dialog"] { border: 1px solid black; padding: 2em; background-color: rgb(131,193,249); top: 40px; position: absolute; }',
':focus { outline: 3px solid green; !important; }',
]),
Step.sync(() => {
windowManager.open({
title: 'Custom Dialog',
body: {
type: 'panel',
items: [
{
name: 'input1',
type: 'input'
}
]
},
buttons: [
{
type: 'cancel',
text: 'Close'
}
],
initialData: {
input1: 'Dog'
}
}, { }, Fun.noop);
}),
FocusTools.sTryOnSelector(
'focus should start on input',
doc,
'.tox-textfield'
),
RealMouse.sClickOn('body'),
FocusTools.sTryOnSelector(
'focus should be on body',
doc,
'body'
),
RealMouse.sClickOn('.tox-dialog'),
FocusTools.sTryOnSelector(
'focus should move to input after clicking on the dialog',
doc,
'.tox-textfield'
),
RealMouse.sClickOn('body'),
FocusTools.sTryOnSelector(
'focus should be on body (again)',
doc,
'body'
),
RealMouse.sClickOn('.tox-dialog__footer'),
FocusTools.sTryOnSelector(
'focus should move to input after clicking on the dialog footer',
doc,
'.tox-textfield'
),
];
Pipeline.async({ }, tests, () => {
helpers.destroy();
success();
}, failure);
});