本文整理匯總了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>');
});
示例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>");
});