本文整理匯總了TypeScript中@ephox/agar.Assertions.sAssertEq方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript Assertions.sAssertEq方法的具體用法？TypeScript Assertions.sAssertEq怎麽用？TypeScript Assertions.sAssertEq使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類@ephox/agar.Assertions的用法示例。
在下文中一共展示了Assertions.sAssertEq方法的5個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1:
TinyLoader.setup((editor, onSuccess, onFailure) => {
const icons = editor.ui.registry.getAll().icons;
Pipeline.async({}, [
Log.stepsAsStep('TBA', 'Icon pack isn\'t loaded remotely, if already defined', [
UiFinder.sNotExists(Body.body(), '.tox-notification'),
Assertions.sAssertEq('Custom icon pack not overridden', customIconPack, IconManager.get('custom'))
]),
Log.stepsAsStep('TBA', 'Icon overrides', [
Assertions.sAssertEq('Manual icon override', 'override-icon', icons['custom-icon']),
Assertions.sAssertEq('Icon pack icon', 'bold-custom', icons.bold),
Assertions.sAssertEq('Default pack icon', italicIconSvg, icons.italic)
])
], onSuccess, onFailure);
}, {示例2: TinyUi
TinyLoader.setup(function (editor, onSuccess, onFailure) {
const tinyUi = TinyUi(editor);
const tinyApis = TinyApis(editor);
Pipeline.async({}, [
tinyApis.sSetContent('<p>a b</p>'),
Assertions.sAssertEq('assert equal', 0, editor.dom.select('span').length),
tinyUi.sClickOnToolbar('click on visualchars button', 'div[aria-label="Show invisible characters"] > button'),
tinyApis.sAssertContentStructure(spanStruct),
tinyUi.sClickOnToolbar('click on visualchars button', 'div[aria-label="Show invisible characters"] > button'),
tinyApis.sAssertContentStructure(nbspStruct),
tinyUi.sClickOnToolbar('click on visualchars button', 'div[aria-label="Show invisible characters"] > button'),
tinyApis.sAssertContentStructure(spanStruct),
tinyUi.sClickOnToolbar('click on visualchars button', 'div[aria-label="Show invisible characters"] > button'),
tinyApis.sAssertContentStructure(nbspStruct)
], onSuccess, onFailure);
}, {示例3: TinyUi
TinyLoader.setup(function (editor, onSuccess, onFailure) {
const tinyUi = TinyUi(editor);
const tinyApis = TinyApis(editor);
Pipeline.async({}, Log.steps('TBA', 'VisualChars: Set content, click visual chars button and assert span char is present in whitespaces, click the button again and assert no span is present in the whitespace', [
tinyApis.sSetContent('<p>a b</p>'),
Assertions.sAssertEq('assert equal', 0, editor.dom.select('span').length),
tinyUi.sClickOnToolbar('click on visualchars button', 'button'),
tinyApis.sAssertContentStructure(sAssertSpanStruct),
tinyUi.sClickOnToolbar('click on visualchars button', 'button'),
tinyApis.sAssertContentStructure(sAssertNbspStruct),
tinyUi.sClickOnToolbar('click on visualchars button', 'button'),
tinyApis.sAssertContentStructure(sAssertSpanStruct),
tinyUi.sClickOnToolbar('click on visualchars button', 'button'),
tinyApis.sAssertContentStructure(sAssertNbspStruct)
]), onSuccess, onFailure);
}, {示例4:
TinyLoader.setup(function (editor, onSuccess, onFailure) {
Pipeline.async({}, [
Assertions.sAssertEq('Validate should always be true', true, editor.settings.validate),
Assertions.sAssertEq('Validate should true since inline was set to true', true, editor.settings.content_editable)
], onSuccess, onFailure);
}, {示例5: f
(doc, body, gui, component, store) => {
const input = component.getSystem().getByDom(
SelectorFind.descendant(component.element(), 'input').getOrDie('Could not find input in colorinput')
).getOrDie();
const legend = component.getSystem().getByDom(
// Intentionally, only finding direct child
SelectorFind.descendant(component.element(), 'span').getOrDie('Could not find legend in colorinput')
).getOrDie();
const sSetColorInputValue = (newValue: string) => Step.sync(() => {
// Once we put more identifying marks on a colorinput, use that instead.
const colorinput = component.components()[0];
Representing.setValue(colorinput, newValue);
});
const sOpenPicker = Logger.t(
'Clicking the legend should bring up the colorswatch',
GeneralSteps.sequence([
Mouse.sClickOn(legend.element(), 'root:span'),
UiFinder.sWaitFor('Waiting for colorswatch to show up!', sink, '.tox-swatches')
])
);
const sAssertFocusedValue = (label: string, expected: string) => Logger.t(label, Chain.asStep(sink, [
FocusTools.cGetActiveValue,
Assertions.cAssertEq('Checking value of focused element', expected)
]));
const sAssertLegendBackground = (label: string, f) => Assertions.sAssertStructure(
label + ': Checking background of legend button',
ApproxStructure.build((s, str, arr) => {
return s.element('span', {
styles: {
'background-color': f(s, str, arr)
}
});
}),
legend.element()
);
const sAssertContainerClasses = (label: string, f) => {
return Waiter.sTryUntil(
label + ': Checking classes on container',
Assertions.sAssertStructure(
'Checking classes only',
ApproxStructure.build((s, str, arr) => {
return s.element('div', {
classes: f(s, str, arr)
// ignore children
});
}),
Traverse.parent(input.element()).getOrDie('Could not find parent of input')
),
100,
1000
);
};
return [
TestHelpers.GuiSetup.mAddStyles(doc, [
'.tox-textbox-field-invalid input { outline: 2px solid red; }',
'.tox-color-input span { padding: 4px 8px; }',
'.tox-swatch { padding: 8px 4px }'
]),
Assertions.sAssertStructure(
'Checking initial structure',
ApproxStructure.build((s, str, arr) => {
return s.element('div', {
children: [
s.element('div', {
children: [
// Ignore other information because it is subject to change. No oxide example yet.
s.element('label', { }),
s.element('div', {
children: [
s.element('input', { }),
s.element('span', { })
]
})
]
})
]
});
}),
component.element()
),
Logger.t(
'Initially, the colour should not be invalid',
GeneralSteps.sequence([
Assertions.sAssertEq('Invalidating.isInvalid', false, Invalidating.isInvalid(input))
])
),
Logger.t(
'Type an invalid colour: "notblue"',
GeneralSteps.sequence([
FocusTools.sSetFocus('Move focus to input field', component.element(), 'input'),
FocusTools.sSetActiveValue(doc, 'notblue'),
//.........這裏部分代碼省略.........