'use strict'; const isStandardSyntaxRule = require('../../utils/isStandardSyntaxRule'); const isStandardSyntaxSelector = require('../../utils/isStandardSyntaxSelector'); const keywordSets = require('../../reference/keywordSets'); const report = require('../../utils/report'); const ruleMessages = require('../../utils/ruleMessages'); const transformSelector = require('../../utils/transformSelector'); const validateOptions = require('../../utils/validateOptions'); const ruleName = 'selector-pseudo-element-case'; const messages = ruleMessages(ruleName, { expected: (actual, expected) => `Expected "${actual}" to be "${expected}"`, }); function rule(expectation, options, context) { return (root, result) => { const validOptions = validateOptions(result, ruleName, { actual: expectation, possible: ['lower', 'upper'], }); if (!validOptions) { return; } root.walkRules((rule) => { if (!isStandardSyntaxRule(rule)) { return; } const selector = rule.selector; if (!selector.includes(':')) { return; } transformSelector(result, rule, (selectorTree) => { selectorTree.walkPseudos((pseudoNode) => { const pseudoElement = pseudoNode.value; if (!isStandardSyntaxSelector(pseudoElement)) { return; } if ( !pseudoElement.includes('::') && !keywordSets.levelOneAndTwoPseudoElements.has(pseudoElement.toLowerCase().slice(1)) ) { return; } const expectedPseudoElement = expectation === 'lower' ? pseudoElement.toLowerCase() : pseudoElement.toUpperCase(); if (pseudoElement === expectedPseudoElement) { return; } if (context.fix) { pseudoNode.value = expectedPseudoElement; return; } report({ message: messages.expected(pseudoElement, expectedPseudoElement), node: rule, index: pseudoNode.sourceIndex, ruleName, result, }); }); }); }); }; } rule.ruleName = ruleName; rule.messages = messages; module.exports = rule;