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


TypeScript test-helpers.equalTokens函數代碼示例

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


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

示例1: test

test('does not set null properties initially', assert => {
  let template = compile('<div title={{isNull}} /><div title={{isNotNull}}></div>');

  render(template, { isNull: null, isNotNull: 'hello' });

  let firstElement = root.firstChild as Element;
  let secondElement = root.lastChild as Element;

  assert.ok(!firstElement.hasAttribute('title'));
  assert.equal(readDOMAttr(secondElement, 'title'), 'hello');
  equalTokens(root, '<div></div><div title="hello"></div>');

  rerender({ isNull: 'hey', isNotNull: 'hello' });

  assert.equal(readDOMAttr(firstElement, 'title'), 'hey');
  assert.equal(readDOMAttr(secondElement, 'title'), 'hello');
  equalTokens(root, '<div title="hey"></div><div title="hello"></div>');

  rerender({ isNull: 'hey', isNotNull: 'world' });

  assert.equal(readDOMAttr(firstElement, 'title'), 'hey');
  assert.equal(readDOMAttr(secondElement, 'title'), 'world');
  equalTokens(root, '<div title="hey"></div><div title="world"></div>');

  rerender({ isNull: null, isNotNull: 'hello' });

  assert.equal(readDOMAttr(secondElement, 'title'), 'hello');
  assert.equal(readDOMAttr(firstElement, 'title'), '');
  assert.equal(readDOMAttr(firstElement, 'title'), nativeValueForElementProperty('div', 'title', ''));
  equalTokens(root, '<div></div><div title="hello"></div>');
});
開發者ID:jayphelps,項目名稱:glimmer,代碼行數:31,代碼來源:attributes-test.ts

示例2: test

  test('creating a new component passing args', assert => {
    let template = compile("<my-component @arg1='hello - ' color='{{color}}'>hello!</my-component>");
    render(template, { color: 'red' });

    equalTokens(root, "<div color='red'>hello - hello!</div>");
    rerender({ color: 'green' });
    equalTokens(root, "<div color='green'>hello - hello!</div>");
  });
開發者ID:asakusuma,項目名稱:glimmer,代碼行數:8,代碼來源:component-test.ts


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