本文整理匯總了TypeScript中@ephox/mcagar.TinyUi函數的典型用法代碼示例。如果您正苦於以下問題：TypeScript TinyUi函數的具體用法？TypeScript TinyUi怎麽用？TypeScript TinyUi使用的例子？那麽, 這裏精選的函數代碼示例或許可以為您提供幫助。
在下文中一共展示了TinyUi函數的10個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: TinyApis
TinyLoader.setup(function (editor, onSuccess, onFailure) {
const tinyApis = TinyApis(editor);
const tinyUi = TinyUi(editor);
Pipeline.async({}, [
Logger.t('click image list, check that source changes, change source and check that image list changes', GeneralSteps.sequence([
tinyApis.sSetSetting('image_list', [
{ title: 'Dog', value: 'mydog.jpg' },
{ title: 'Cat', value: 'mycat.jpg' }
]),
tinyUi.sClickOnToolbar('click image button', 'div[aria-label="Insert/edit image"] button'),
Chain.asStep({}, [
tinyUi.cWaitForPopup('wait for dialog', 'div[role="dialog"]'),
UiFinder.cFindIn('label:contains("Image list") + div > button'),
Mouse.cClick
]),
Chain.asStep(TinyDom.fromDom(document.body), [
UiFinder.cFindIn('div[role="menuitem"] > span:contains("Dog")'),
Mouse.cClick
]),
Chain.asStep({}, [
Chain.fromParent(tinyUi.cWaitForPopup('wait for dialog', 'div[role="dialog"]'),
[
Chain.fromChains([
UiFinder.cFindIn('label:contains("Source") + div > input'),
UiControls.cGetValue,
Assertions.cAssertEq('should be dog', 'mydog.jpg')
]),
Chain.fromChains([
UiFinder.cFindIn('label:contains("Source") + div > input'),
UiControls.cSetValue('mycat.jpg'),
cFakeEvent('change')
]),
Chain.fromChains([
UiFinder.cFindIn('label:contains("Image list") + div > button > span:contains("Cat")')
])
]
)
])
]))
], onSuccess, onFailure);
}, {示例2: TinyApis
TinyLoader.setup(function (editor, onSuccess, onFailure) {
const tinyApis = TinyApis(editor);
const tinyUi = TinyUi(editor);
Pipeline.async({}, [
tinyApis.sFocus,
tinyApis.sSetContent('<p>hello world</p>'),
tinyUi.sClickOnToolbar('click spellcheck button', 'div[aria-label="Spellcheck"] button'),
Chain.asStep(Element.fromDom(editor.getBody()), [
UiFinder.cFindIn('span:contains("hello")'),
Mouse.cClick
]),
Chain.asStep(Body.body(), [
UiFinder.cWaitFor('wait for context menu', 'div.mce-floatpanel'),
UiFinder.cFindIn('span:contains("Add to Dictionary")'),
Mouse.cClick
]),
Step.sync(() => RawAssertions.assertEq('dict should now have hello', ['hello'], dict))
], onSuccess, onFailure);
}, {示例3: TinyUi
TinyLoader.setup(function (editor, onSuccess, onFailure) {
const tinyUi = TinyUi(editor);
const tinyApis = TinyApis(editor);
Pipeline.async({}, [
Utils.sOpenDialog(tinyUi),
Utils.sPasteTextareaValue(
tinyUi,
'<iframe width="200" height="100" src="a" ' +
' frameborder="0" allowfullscreen></iframe>'
),
Utils.sSubmitDialog(tinyUi),
Waiter.sTryUntil(
'content was not expected structure',
tinyApis.sAssertContentStructure(struct),
100,
4000
)
], onSuccess, onFailure);
}, {示例4: TinyUi
TinyLoader.setup(function (editor, onSuccess, onFailure) {
const ui = TinyUi(editor);
Pipeline.async({}, [
Utils.sOpenDialog(ui),
Utils.sPasteSourceValue(ui, 'a'),
Utils.sAssertWidthValue(ui, '300'),
ui.sClickOnUi('Click on close button', 'button:contains("Ok")'),
sWaitForResizeHandles(editor),
Utils.sOpenDialog(ui),
Utils.sChangeWidthValue(ui, '500'),
ui.sClickOnUi('Click on close button', 'button:contains("Ok")'),
sWaitForResizeHandles(editor),
Waiter.sTryUntil(
'Try assert content',
sRawAssertImagePresence(editor),
100, 3000
)
], onSuccess, onFailure);
}, {示例5: TinyUi
TinyLoader.setup(function (editor, onSuccess, onFailure) {
TinyUi(editor);
Pipeline.async({},
Log.steps('TBA', 'Help: Assert Help Plugin list contains getMetadata functionality', [
Mouse.sClickOn(Element.fromDom(editor.getContainer()), Selectors.toolbarHelpButton),
PluginAssert.sAssert(
'Failed to list fake plugins',
{
'li a:contains("Help")': 1,
'li a:contains("Fake")': 1,
'li:contains("nometafake")': 1,
'button:contains("Close")': 1
},
Selectors.dialog,
Selectors.pluginsTab
)
])
, onSuccess, onFailure);
}, {示例6: TinyUi
TinyLoader.setup(function (editor, onSuccess, onFailure) {
const ui = TinyUi(editor);
const apis = TinyApis(editor);
const content = '<div contenteditable="false" data-ephox-embed-iri="embed-iri"><iframe src="about:blank"></iframe></div>';
Pipeline.async({},
Log.steps('TBA', 'Media: Open dialog, assert embeded content, close dialog and aseert div structure', [
apis.sFocus,
apis.sSetContent(content),
sAssertDivStructure(editor, ephoxEmbedStructure),
apis.sSelect('div', []),
Utils.sOpenDialog(ui),
Utils.sAssertSourceValue(ui, 'embed-iri'),
Utils.sAssertEmbedData(ui, content),
Utils.sSubmitDialog(ui),
Waiter.sTryUntil('wait for div struture', sAssertDivStructure(editor, ephoxEmbedStructure), 100, 3000)
])
, onSuccess, onFailure);
}, {示例7: TinyUi
TinyLoader.setup(function (editor, onSuccess, onFailure) {
const ui = TinyUi(editor);
const apis = TinyApis(editor);
Pipeline.async({}, [
apis.sFocus,
apis.sSetContent('<div contenteditable="false" data-ephox-embed-iri="embed-iri"><iframe src="about:blank"></iframe></div>'),
sAssertDivStructure(editor, ephoxEmbedStructure),
apis.sSelect('div', []),
Utils.sOpenDialog(ui),
Utils.sAssertSourceValue(ui, 'embed-iri'),
Utils.sAssertEmbedContent(ui,
'<div contenteditable="false" data-ephox-embed-iri="embed-iri">' +
'<iframe src="about:blank"></iframe>' +
'</div>'
),
Utils.sSubmitDialog(ui),
Waiter.sTryUntil('wait for div struture', sAssertDivStructure(editor, ephoxEmbedStructure), 100, 3000)
], onSuccess, onFailure);
}, {示例8: TinyUi
TinyLoader.setup(function (editor, onSuccess, onFailure) {
const tinyUi = TinyUi(editor);
const tinyApis = TinyApis(editor);
Pipeline.async({},
Log.steps('TBA', 'Anchor: Add anchor, then check if that anchor is present in the editor', [
tinyApis.sSetContent('abc'),
tinyApis.sFocus,
tinyUi.sClickOnToolbar('click anchor button', 'button[aria-label="Anchor"]'),
tinyUi.sWaitForPopup('wait for window', 'div[role="dialog"].tox-dialog input'),
sType('abc'),
tinyUi.sClickOnUi('click on Save btn', 'div.tox-dialog__footer button.tox-button:not(.tox-button--secondary)'),
Waiter.sTryUntil('wait for anchor',
tinyApis.sAssertContentPresence(
{ 'a.mce-item-anchor': 1 }
), 100, 4000
)
])
, onSuccess, onFailure);
}, {示例9: TinyUi
TinyLoader.setup(function (editor, onSuccess, onFailure) {
const tinyUi = TinyUi(editor);
const tinyApis = TinyApis(editor);
Pipeline.async({}, [
tinyUi.sClickOnToolbar('click on insertdatetime button', 'div[aria-label="Insert date/time"] > button.mce-open'),
tinyUi.sClickOnUi('click on first in menu', 'div[role="menu"] > div.mce-first > span'),
tinyApis.sAssertContentStructure(ApproxStructure.build(function (s) {
return s.element('body', {
children: [
s.element('p', {
children: [
s.element('time', {})
]
})
]
});
}))
], onSuccess, onFailure);
}, {示例10: TinyApis
TinyLoader.setup(function (editor, onSuccess, onFailure) {
const tinyApis = TinyApis(editor);
const tinyUi = TinyUi(editor);
Pipeline.async({}, [
tinyApis.sFocus,
Logger.t('no toolbar on by default', GeneralSteps.sequence([
tinyApis.sSetContent('<a href="http://www.google.com">google</a>'),
Mouse.sTrueClickOn(TinyDom.fromDom(editor.getBody()), 'a'),
UiFinder.sNotExists(TinyDom.fromDom(editor.getBody()), 'div[aria-label="Open link"]'),
tinyApis.sSetContent('')
])),
Logger.t('only after setting set to true', GeneralSteps.sequence([
tinyApis.sSetSetting('link_context_toolbar', true),
tinyApis.sSetContent('<a href="http://www.google.com">google</a>'),
Mouse.sTrueClickOn(TinyDom.fromDom(editor.getBody()), 'a'),
tinyUi.sWaitForUi('wait for open button', 'div[aria-label="Open link"]')
]))
], onSuccess, onFailure);
}, {