@webqit/oohtml/test/scoped-css.test.js

A suite of new DOM features that brings language support for modern UI development paradigms: a component-based architecture, data binding, and reactivity.

/**
 * @imports
 */
import { expect } from 'chai';
import { createDocument, delay } from './index.js';

describe(`Test: Scoped CSS`, function() {

    describe(`Styles`, function() {

        it(`Should do basic rewrite`, async function() {
            const head = '', body = `
            <div>
              <h1>Hello World!</h1>
              <style scoped>
                h1 {
                    color: red;
                }
              </style>
            </div>`;

            const window = createDocument( head, body );
            await delay( 160 ); // Takes time to dynamically load Reflex compiler
            const styleElement = window.document.querySelector( 'style' );

            //expect( styleElement.textContent.substring( 0, 13 ) ).to.eq( '@scope (' );
        });

    });

});