當前位置: 首頁>>代碼示例>>TypeScript>>正文


TypeScript actions.appendOutput函數代碼示例

本文整理匯總了TypeScript中@nteract/actions.appendOutput函數的典型用法代碼示例。如果您正苦於以下問題:TypeScript appendOutput函數的具體用法?TypeScript appendOutput怎麽用?TypeScript appendOutput使用的例子?那麽, 這裏精選的函數代碼示例或許可以為您提供幫助。


在下文中一共展示了appendOutput函數的3個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: test

  test("updates all displays which use the keypath", () => {
    const originalState = monocellDocument;

    const id = originalState.getIn(["notebook", "cellOrder", 2]);

    const actionArray = [
      actions.appendOutput({
        id,
        output: {
          output_type: "display_data",
          data: { "text/html": "<marquee>wee</marquee>" },
          transient: { display_id: "1234" }
        }
      }),
      actions.appendOutput({
        id,
        output: {
          output_type: "execute_result",
          data: { "text/plain": "shennagins afoot" },
          transient: { display_id: "1234" }
        }
      }),
      actions.updateDisplay({
        content: {
          output_type: "update_display_data",
          data: { "text/html": "<marquee>WOO</marquee>" },
          transient: { display_id: "1234" }
        }
      })
    ];

    const state = actionArray.reduce(
      (s, action) => reducers(s, action),
      originalState
    );

    expect(state.getIn(["notebook", "cellMap", id, "outputs"])).toEqual(
      Immutable.List([
        makeDisplayData({
          output_type: "display_data",
          data: { "text/html": "<marquee>WOO</marquee>" },
          metadata: Immutable.Map({})
        }),
        makeExecuteResult({
          output_type: "execute_result",
          data: { "text/html": "<marquee>WOO</marquee>" },
          metadata: Immutable.Map({})
        })
      ])
    );
  });
開發者ID:nteract,項目名稱:nteract,代碼行數:51,代碼來源:document.spec.ts

示例2: 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);
  });
開發者ID:kelleyblackmore,項目名稱:nteract,代碼行數:30,代碼來源:document.spec.ts

示例3: map

 map((output: Output) => actions.appendOutput({ id, output, contentRef }))
開發者ID:kelleyblackmore,項目名稱:nteract,代碼行數:1,代碼來源:execute.ts


注:本文中的@nteract/actions.appendOutput函數示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台,相關代碼片段篩選自各路編程大神貢獻的開源項目,源碼版權歸原作者所有,傳播和使用請參考對應項目的License;未經允許,請勿轉載。