本文整理汇总了TypeScript中@nteract/commutable.makeDisplayData函数的典型用法代码示例。如果您正苦于以下问题:TypeScript makeDisplayData函数的具体用法?TypeScript makeDisplayData怎么用?TypeScript makeDisplayData使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了makeDisplayData函数的2个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: test
test("appends output and tracks display IDs", () => {
const originalState = monocellDocument;
const id = originalState.getIn(["notebook", "cellOrder", 2]);
const action = actions.appendOutput({
id,
output: {
output_type: "display_data",
data: { "text/html": "<marquee>wee</marquee>" },
transient: { display_id: "1234" }
}
});
const state = reducers(originalState, action);
expect(state.getIn(["notebook", "cellMap", id, "outputs"])).toEqual(
Immutable.fromJS([
makeDisplayData({
data: Immutable.Map({ "text/html": "<marquee>wee</marquee>" })
})
])
);
expect(
Immutable.is(
state.getIn(["transient", "keyPathsForDisplays", "1234"]),
Immutable.fromJS([["notebook", "cellMap", id, "outputs", 0]])
)
).toBe(true);
});
示例2: test
test("appends outputs", () => {
const originalState = monocellDocument;
const id = originalState.getIn(["notebook", "cellOrder", 2]);
const action = actions.appendOutput({
id,
output: {
output_type: "display_data",
data: { "text/html": "<marquee>wee</marquee>" }
}
});
const state = reducers(originalState, action);
expect(state.getIn(["notebook", "cellMap", id, "outputs"])).toEqual(
Immutable.List([
makeDisplayData({
output_type: "display_data",
data: { "text/html": "<marquee>wee</marquee>" }
})
])
);
expect(state.getIn(["transient", "keyPathsForDisplays"])).toEqual(
Immutable.Map()
);
});