diff options
Diffstat (limited to 'test/astro-scoped-styles.test.js')
-rw-r--r-- | test/astro-scoped-styles.test.js | 34 |
1 files changed, 0 insertions, 34 deletions
diff --git a/test/astro-scoped-styles.test.js b/test/astro-scoped-styles.test.js deleted file mode 100644 index 295668b84..000000000 --- a/test/astro-scoped-styles.test.js +++ /dev/null @@ -1,34 +0,0 @@ -import { suite } from 'uvu'; -import * as assert from 'uvu/assert'; -import { scopeRule } from '../lib/compiler/transform/postcss-scoped-styles/index.js'; - -const ScopedStyles = suite('Astro PostCSS Scoped Styles Plugin'); - -const className = 'astro-abcd1234'; - -ScopedStyles('Scopes rules correctly', () => { - // Note: assume all selectors have no unnecessary spaces (i.e. must be minified) - const tests = { - '.class': `.class.${className}`, - h1: `h1.${className}`, - '.nav h1': `.nav.${className} h1.${className}`, - '.class+.class': `.class.${className}+.class.${className}`, - '.class~:global(a)': `.class.${className}~a`, - '.class *': `.class.${className} .${className}`, - '.class>*': `.class.${className}>.${className}`, - '.class :global(*)': `.class.${className} *`, - '.class :global(.nav:not(.is-active))': `.class.${className} .nav:not(.is-active)`, // preserve nested parens - '.class :global(ul li)': `.class.${className} ul li`, // allow doubly-scoped selectors - '.class:not(.is-active)': `.class.${className}:not(.is-active)`, // Note: the :not() selector can NOT contain multiple classes, so this is correct; if this causes issues for some people then it‘s worth a discussion - 'body h1': `body h1.${className}`, // body shouldn‘t be scoped; it‘s not a component - from: 'from', // ignore keyframe keywords (below) - to: 'to', - '55%': '55%', - }; - - for (const [given, expected] of Object.entries(tests)) { - assert.equal(scopeRule(given, className), expected); - } -}); - -ScopedStyles.run(); |