• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript index-next.queryAll函数代码示例

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

本文整理汇总了TypeScript中dom5/lib/index-next.queryAll函数的典型用法代码示例。如果您正苦于以下问题:TypeScript queryAll函数的具体用法?TypeScript queryAll怎么用?TypeScript queryAll使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。



在下文中一共展示了queryAll函数的4个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: test

    test('works for elements', async () => {
      const liTags =
          [...dom5.queryAll(document.ast, dom5.predicates.hasTagName('li'))];

      assert.equal(liTags.length, 4);

      assert.deepEqual(
          await underliner.underline(document.sourceRangeForNode(liTags[0]!)!),
          `
        <li>1
        ~~~~~
        <li>2</li>
~~~~~~~~`);

      assert.deepEqual(
          await underliner.underline(document.sourceRangeForNode(liTags[1]!)!),
          `
        <li>2</li>
        ~~~~~~~~~~`);

      assert.deepEqual(
          await underliner.underline(document.sourceRangeForNode(liTags[2]!)), `
        <li><li>
        ~~~~`);

      assert.deepEqual(
          await underliner.underline(document.sourceRangeForNode(liTags[3]!)), `
        <li><li>
            ~~~~
      </ul>
~~~~~~`);

      const pTags =
          [...dom5.queryAll(document.ast, dom5.predicates.hasTagName('p'))];
      assert.equal(pTags.length, 2);

      assert.deepEqual(
          await underliner.underline(document.sourceRangeForNode(pTags[0]!)), `
    <p>
    ~~~
      This is a paragraph without a closing tag.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    <p>This is a paragraph with a closing tag.</p>
~~~~`);

      assert.deepEqual(
          await underliner.underline(document.sourceRangeForNode(pTags[1]!)), `
    <p>This is a paragraph with a closing tag.</p>
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~`);
    });
开发者ID:MehdiRaash,项目名称:tools,代码行数:50,代码来源:html-document_test.ts


示例2: html

export function html(text: string) {
  const ast = parse5.parse(text);
  const styleNodes = dom5.queryAll(
      ast, isInlineStyle, dom5.childNodesIncludeTemplate);
  for (const styleNode of styleNodes) {
    const text = dom5.getTextContent(styleNode);
    dom5.setTextContent(styleNode, css(text));
  }
  return parse5.serialize(ast);
}
开发者ID:poehlmann,项目名称:EvaluacionDiferencialDeLaMemoria,代码行数:10,代码来源:index.ts


示例3: replaceGiantScripts

/**
 * Replaces the Babel helpers, Require.js AMD loader, and WCT hack inline
 * scripts into just some comments, to make test comparison simpler.
 */
function replaceGiantScripts(html: string): string {
  const document = parse5.parse(html);
  for (const script of dom5.queryAll(
           document, dom5.predicates.hasTagName('script'))) {
    const js = dom5.getTextContent(script);
    if (js.includes('var requirejs,require')) {
      dom5.setTextContent(script, '// amd loader');
    } else if (js.includes('babelHelpers={}')) {
      dom5.setTextContent(script, '// babel helpers');
    } else if (js.includes('window._wctCallback =')) {
      dom5.setTextContent(script, '// wct hack 1/2');
    } else if (js.includes('window._wctCallback()')) {
      dom5.setTextContent(script, '// wct hack 2/2');
    }
  }
  return parse5.serialize(document);
}
开发者ID:Polymer,项目名称:polymer-build,代码行数:21,代码来源:html-transform_test.ts


示例4: async

 test.skip(testName, async () => {
   const {document, underliner, url} = await analyzeContents('index.js', `
     html\`\\n\\n<div>Hello world</div>\`;
   `);
   const documents = document.getFeatures({kind: 'document'});
   assert.deepEqual(
       [...documents].map((d) => [d.url, d.type, d.isInline]),
       [[url, 'js', false], [url, 'html', true]]);
   const [htmlDocument] = document.getFeatures({kind: 'html-document'});
   assert.deepEqual(
       htmlDocument.parsedDocument.contents, '\n\n<div>Hello world</div>');
   const elements = [...dom5.queryAll(
       htmlDocument.parsedDocument.ast, dom5.predicates.hasTagName('div'))];
   const ranges = elements.map(
       (el) => htmlDocument.parsedDocument.sourceRangeForStartTag(el));
   assert.deepEqual(await underliner.underline(ranges), [`
     html\`\\n\\n<div>Hello world</div>\`;
               ~~~~~`]);
 });
开发者ID:MehdiRaash,项目名称:tools,代码行数:19,代码来源:html-template-literal-scanner_test.ts



注:本文中的dom5/lib/index-next.queryAll函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript index-next.setTextContent函数代码示例发布时间:2022-05-25
下一篇:
TypeScript index-next.query函数代码示例发布时间:2022-05-25
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap