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

TypeScript cssom.parse函数代码示例

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

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



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

示例1: it

 it(`should have CSS that contains an img selector @product-description-component-css2`, async(() => {
   since('The ProductDescriptionComponent hasn\'t been created yet.').expect(productDescriptionCssFileExists).toBe(true);
   if(productDescriptionCssFileExists) {
     let parsed = CSSOM.parse(productDescriptionCssFile);
     since('There isn\'t an image tag selector in the ProductDescriptionComponent\'s CSS file right now.').expect(_.find(parsed.cssRules, {selectorText: 'img'})).not.toBeUndefined();
   }
 }));
开发者ID:MarcosPrieto,项目名称:Angular-AlbumStoreProductPage,代码行数:7,代码来源:product-description-component-css2.projects.spec.ts


示例2: it

 it(`should have CSS that contains an li selector @product-tracklisting-component-css3`, async(() => {
   since('The ProductTracklistingComponent hasn\'t been created yet.').expect(productTracklistingCssFileExists).toBe(true);
   if(productTracklistingCssFileExists) {
     let parsed = CSSOM.parse(productTracklistingCssFile);
     since('There isn\'t an `li` selector in the ProductTracklistingComponent\'s CSS file right now.').expect(_.find(parsed.cssRules, {selectorText: 'li'})).not.toBeUndefined();
   }
 }));
开发者ID:MarcosPrieto,项目名称:Angular-AlbumStoreProductPage,代码行数:7,代码来源:product-tracklisting-component-css3.projects.spec.ts


示例3: it

  it(`should have CSS with a rule setting the font-family to Helvetica, Arial, sans-serif on the paragraph selector @product-description-component-css1`, async(() => {
    since('The ProductDescriptionComponent hasn\'t been created yet.').expect(productDescriptionCssFileExists).toBe(true);
    if(productDescriptionCssFileExists) {
      let parsed = CSSOM.parse(productDescriptionCssFile);

      let pRule = _.find(parsed.cssRules, { selectorText: 'p' })

      since('There isn\'t a paragraph selector in the ProductDescriptionComponent\'s CSS file right now.').expect(pRule).not.toBeUndefined();
      since('There isn\'t a paragraph selector in the ProductDescriptionComponent\'s CSS file right now.').expect(pRule.style.parentRule.selectorText).toBe('p');
      let fontRule;
      if (pRule.style['font'] != undefined) {
        fontRule = pRule.style['font'];
      } else if (pRule.style['font-family'] != undefined) {
        fontRule = pRule.style['font-family'];
      } else {
        since('Your paragraph selector doesn\'t have a `font-family` property.').expect(0).toBe(1);
      }

      if (fontRule != undefined) {
        let split = fontRule.split(',');
        for (let i = 0; i < split.length; i++) {
          split[i] = split[i].trim();
        }
        since('Your paragraph selector doesn\'t have a `font-family` property that\'s equal to `Helvetica, Arial, sans-serif`.').expect(split[0]).toBe('Helvetica');
        since('Your paragraph selector doesn\'t have a `font-family` property that\'s equal to `Helvetica, Arial, sans-serif`.').expect(split[1]).toBe('Arial');
        since('Your paragraph selector doesn\'t have a `font-family` property that\'s equal to `Helvetica, Arial, sans-serif`.').expect(split[2]).toBe('sans-serif');        
      }
    }
  }));
开发者ID:MarcosPrieto,项目名称:Angular-AlbumStoreProductPage,代码行数:29,代码来源:product-description-component-css1.projects.spec.ts


示例4: it

  it(`should have CSS with a rule setting the list-style-type to none on the ul selector @product-tracklisting-component-css2`, async(() => {
    since('The ProductTracklistingComponent hasn\'t been created yet.').expect(productTracklistingCssFileExists).toBe(true);
    if(productTracklistingCssFileExists) {
      let parsed = CSSOM.parse(productTracklistingCssFile);

      let ulRule = _.find(parsed.cssRules, { selectorText: 'ul' })

      since('There isn\'t a `ul` selector in the ProductTracklistingComponent\'s CSS file right now.').expect(ulRule).not.toBeUndefined();
      since('There isn\'t a `ul` selector in the ProductTracklistingComponent\'s CSS file right now.').expect(ulRule.style.parentRule.selectorText).toBe('ul');
      since('Your `ul` selector doesn\'t have a `list-style-type` property that\'s equal to `none`.').expect(ulRule.style['list-style-type']).toBe('none');
    }
  }));
开发者ID:MarcosPrieto,项目名称:Angular-AlbumStoreProductPage,代码行数:12,代码来源:product-tracklisting-component-css2.projects.spec.ts


示例5: it

  it(`should have CSS with a rule setting the line-height to 1 on the button selector @product-tracklisting-component-css4`, async(() => {
    since('The ProductTracklistingComponent hasn\'t been created yet.').expect(productTracklistingCssFileExists).toBe(true);
    if(productTracklistingCssFileExists) {
      let parsed = CSSOM.parse(productTracklistingCssFile);

      let buttonRule = _.find(parsed.cssRules, { selectorText: 'button' })

      since('There isn\'t a `button` selector in the ProductTracklistingComponent\'s CSS file right now.').expect(buttonRule).not.toBeUndefined();
      since('There isn\'t a `button` selector in the ProductTracklistingComponent\'s CSS file right now.').expect(buttonRule.style.parentRule.selectorText).toBe('button');
      since('Your `button` selector doesn\'t have a `line-height` property that\'s equal to `1`.').expect(buttonRule.style['line-height']).toBe('1');
    }
  }));
开发者ID:MarcosPrieto,项目名称:Angular-AlbumStoreProductPage,代码行数:12,代码来源:product-tracklisting-component-css4.projects.spec.ts


示例6: it

  it(`should have CSS with a rule setting the font-size to 16px and the padding-top to 10px on the .tracklisting selector @product-tracklisting-component-css1`, async(() => {
    since('The ProductTracklistingComponent hasn\'t been created yet.').expect(productTracklistingCssFileExists).toBe(true);
    if(productTracklistingCssFileExists) {
      let parsed = CSSOM.parse(productTracklistingCssFile);

      let tRule = _.find(parsed.cssRules, { selectorText: '.tracklisting' })

      since('There isn\'t a `.tracklisting` selector in the ProductTracklistingComponent\'s CSS file right now.').expect(tRule).not.toBeUndefined();
      since('There isn\'t a `.tracklisting` selector in the ProductTracklistingComponent\'s CSS file right now.').expect(tRule.style.parentRule.selectorText).toBe('.tracklisting');
      since('Your `.tracklisting` selector doesn\'t have a `font-size` property that\'s equal to `16px`.').expect(tRule.style['font-size']).toBe('16px');
      if (tRule.style['padding-top']) {
        since('Your `.tracklisting` selector isn\'t setting the top padding to be `10px`.').expect(tRule.style['padding-top']).toBe('10px');
      } else if (tRule.style['padding']) {
        let padding = tRule.style['padding'];
        since('Your `.tracklisting` selector isn\'t setting the top padding to be `10px`.').expect(tRule.style['padding']).toBe('10px 0 0 0');
      } else {
        since('It doesn\'t look like you\'re setting the padding property in your `.tracklisting` selector.').expect(1).toBe(0);
      }
    }
  }));
开发者ID:MarcosPrieto,项目名称:Angular-AlbumStoreProductPage,代码行数:20,代码来源:product-tracklisting-component-css1.projects.spec.ts


示例7: test

test('RuleRenderer attach', t => {
  let renderer = createRuleRenderer(rule, 1, createClassNameGenerator());
  const styleSheet: CSSStyleSheet = cssom.parse([
    'p {font-size: 12px;}',
    '.a {font-size: 13px; background-color: blue;}',
    '.a:hover{background-color: red;}',
    '@media screen and (max-width: 700px){',
      '.a{background-color: yellow;}',
      '.a:hover{background-color: blue;}',
    '}',
    '.a:firstChild{ font-family: arial; }',
    '@media screen and (max-width: 700px){',
      '.a:firstChild{font-family: helvetica;}',
    '}',
  ].join('\n'));

  renderer.connect(styleSheet, 1);
  renderer.setRuleOverrideCount(1);
  
  t.equal(
    styleSheet.toString().replace(/\s/g, ''),
    [
      'p {font-size: 12px;}',
      '.a, .a.b {font-size: 13px; background-color: blue;}',
      '.a:hover, .a.b:hover{background-color: red;}',
      '@media screen and (max-width: 700px){',
        '.a, .a.b{background-color: yellow;}',
        '.a:hover, .a.b:hover{background-color: blue;}',
      '}',
      '.a:firstChild, .a.b:firstChild{ font-family: arial; }',
      '@media screen and (max-width: 700px){',
        '.a:firstChild, .a.b:firstChild{font-family: helvetica;}',
      '}',
    ].join('').replace(/\s/g, ''),
    'should connect renderer to existing cssRules in the stylesheet'
  );
  t.end();
});
开发者ID:fdecampredon,项目名称:vstyle,代码行数:38,代码来源:RuleRenderer-test.ts



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


鲜花

握手

雷人

路过

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

请发表评论

全部评论

专题导读
上一篇:
TypeScript csv-parse.default函数代码示例发布时间:2022-05-24
下一篇:
TypeScript cssnano.default函数代码示例发布时间:2022-05-24
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

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

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

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