From dd5f3c463fab336d694f426dcad11a1783590fc9 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 5 Feb 2022 07:52:13 +0100 Subject: Ported from import syntax to modules --- test/bem/_iro-bem-related-element.scss | 459 --------------------------------- 1 file changed, 459 deletions(-) delete mode 100644 test/bem/_iro-bem-related-element.scss (limited to 'test/bem/_iro-bem-related-element.scss') diff --git a/test/bem/_iro-bem-related-element.scss b/test/bem/_iro-bem-related-element.scss deleted file mode 100644 index b0c6b94..0000000 --- a/test/bem/_iro-bem-related-element.scss +++ /dev/null @@ -1,459 +0,0 @@ -// sass-lint:disable class-name-format force-element-nesting force-pseudo-nesting mixins-before-declarations - -// -// Included test cases: -// - /// 1 /// - single element, single related element -// - /// 2 /// - single element, single related element, manual selector in-between -// - /// 3 /// - single element, single related element, modifier in-between -// - /// 4 /// - single element, multiple related elements -// - /// 5 /// - single element, multiple related elements, manual selector in-between -// - /// 6 /// - single element, multiple related elements, modifier in-between -// - /// 7 /// - multiple elements, single related element -// - /// 8 /// - multiple elements, single related element, manual selector in-between -// - /// 9 /// - multiple elements, single related element, modifier in-between -// - /// 10 /// - multiple elements, multiple related elements -// - /// 11 /// - multiple elements, multiple related elements, manual selector in-between -// - /// 12 /// - multiple elements, multiple related elements, modifier in-between -// - -@include it('iro-bem-related-element') { - @include assert('single element, single related element') { /// 1 /// - @include output { - @include iro-bem-block('something') { - @include iro-bem-element('child') { - @include iro-bem-related-element('+', 'subchild1') { - font-size: 2em; - } - - @include iro-bem-related-element('~', 'subchild2') { - font-size: 2em; - } - } - } - } - - @include expect { - .something__child + .something__subchild1 { - font-size: 2em; - } - - .something__child ~ .something__subchild2 { - font-size: 2em; - } - } - } - - @include assert('single element, single related element, manual selector in-between') { /// 2 /// - @include output(false) { - @include iro-bem-block('something') { - @include iro-bem-element('child') { - &:hover { - @include iro-bem-related-element('+', 'subchild1') { - font-size: 2em; - } - - @include iro-bem-related-element('~', 'subchild2') { - font-size: 2em; - } - } - - .test & { - @include iro-bem-related-element('+', 'subchild3') { - font-size: 2em; - } - - @include iro-bem-related-element('~', 'subchild4') { - font-size: 2em; - } - } - } - } - } - - @include expect(false) { - .something__child:hover + .something__subchild1 { - font-size: 2em; - } - - .something__child:hover ~ .something__subchild2 { - font-size: 2em; - } - - .test .something__child + .something__subchild3 { - font-size: 2em; - } - - .test .something__child ~ .something__subchild4 { - font-size: 2em; - } - } - } - - @include assert('single element, single related element, modifier in-between') { /// 3 /// - @include output { - @include iro-bem-block('something') { - @include iro-bem-element('child') { - @include iro-bem-modifier('mod') { - @include iro-bem-related-element('+', 'subchild1') { - font-size: 2.5em; - } - - @include iro-bem-related-element('~', 'subchild2') { - font-size: 2.5em; - } - } - } - } - } - - @include expect { - .something__child--mod + .something__subchild1 { - font-size: 2.5em; - } - - .something__child--mod ~ .something__subchild2 { - font-size: 2.5em; - } - } - } - - @include assert('single element, multiple related elements') { /// 4 /// - @include output { - @include iro-bem-block('something') { - @include iro-bem-element('child') { - @include iro-bem-related-element('+', 'subchild1', 'subchild2') { - font-size: 2.5em; - } - - @include iro-bem-related-element('~', 'subchild3', 'subchild4') { - font-size: 2.5em; - } - } - } - } - - @include expect { - .something__child + .something__subchild1, - .something__child + .something__subchild2 { - font-size: 2.5em; - } - - .something__child ~ .something__subchild3, - .something__child ~ .something__subchild4 { - font-size: 2.5em; - } - } - } - - @include assert('single element, multiple related elements, manual selector in-between') { /// 5 /// - @include output(false) { - @include iro-bem-block('something') { - @include iro-bem-element('child') { - &:hover { - @include iro-bem-related-element('+', 'subchild1', 'subchild2') { - font-size: 2.5em; - } - - @include iro-bem-related-element('~', 'subchild3', 'subchild4') { - font-size: 2.5em; - } - } - - .test & { - @include iro-bem-related-element('+', 'subchild5', 'subchild6') { - font-size: 2.5em; - } - - @include iro-bem-related-element('~', 'subchild7', 'subchild8') { - font-size: 2.5em; - } - } - } - } - } - - @include expect(false) { - .something__child:hover + .something__subchild1, - .something__child:hover + .something__subchild2 { - font-size: 2.5em; - } - - .something__child:hover ~ .something__subchild3, - .something__child:hover ~ .something__subchild4 { - font-size: 2.5em; - } - - .test .something__child + .something__subchild5, - .test .something__child + .something__subchild6 { - font-size: 2.5em; - } - - .test .something__child ~ .something__subchild7, - .test .something__child ~ .something__subchild8 { - font-size: 2.5em; - } - } - } - - @include assert('single element, multiple related elements, modifier in-between') { /// 6 /// - @include output { - @include iro-bem-block('something') { - @include iro-bem-element('child') { - @include iro-bem-modifier('mod') { - @include iro-bem-related-element('+', 'subchild1', 'subchild2') { - font-size: 2.5em; - } - - @include iro-bem-related-element('~', 'subchild3', 'subchild4') { - font-size: 2.5em; - } - } - } - } - } - - @include expect { - .something__child--mod + .something__subchild1, - .something__child--mod + .something__subchild2 { - font-size: 2.5em; - } - - .something__child--mod ~ .something__subchild3, - .something__child--mod ~ .something__subchild4 { - font-size: 2.5em; - } - } - } - - @include assert('multiple elements, single related element') { /// 7 /// - @include output { - @include iro-bem-block('something') { - @include iro-bem-element('child1', 'child2') { - @include iro-bem-related-element('+', 'subchild1') { - font-size: 2em; - } - - @include iro-bem-related-element('~', 'subchild2') { - font-size: 2em; - } - } - } - } - - @include expect { - .something__child1 + .something__subchild1, - .something__child2 + .something__subchild1 { - font-size: 2em; - } - - .something__child1 ~ .something__subchild2, - .something__child2 ~ .something__subchild2 { - font-size: 2em; - } - } - } - - @include assert('multiple elements, single related element, manual selector in-between') { /// 8 /// - @include output(false) { - @include iro-bem-block('something') { - @include iro-bem-element('child1', 'child2') { - &:hover { - @include iro-bem-related-element('+', 'subchild1') { - font-size: 2em; - } - - @include iro-bem-related-element('~', 'subchild2') { - font-size: 2em; - } - } - - .test & { - @include iro-bem-related-element('+', 'subchild3') { - font-size: 2em; - } - - @include iro-bem-related-element('~', 'subchild4') { - font-size: 2em; - } - } - } - } - } - - @include expect(false) { - .something__child1:hover + .something__subchild1, - .something__child2:hover + .something__subchild1 { - font-size: 2em; - } - - .something__child1:hover ~ .something__subchild2, - .something__child2:hover ~ .something__subchild2 { - font-size: 2em; - } - - .test .something__child1 + .something__subchild3, - .test .something__child2 + .something__subchild3 { - font-size: 2em; - } - - .test .something__child1 ~ .something__subchild4, - .test .something__child2 ~ .something__subchild4 { - font-size: 2em; - } - } - } - - @include assert('multiple elements, single related element, modifier in-between') { /// 9 /// - @include output { - @include iro-bem-block('something') { - @include iro-bem-element('child1', 'child2') { - @include iro-bem-modifier('mod') { - @include iro-bem-related-element('+', 'subchild1') { - font-size: 2.5em; - } - - @include iro-bem-related-element('~', 'subchild2') { - font-size: 2.5em; - } - } - } - } - } - - @include expect { - .something__child1--mod + .something__subchild1, - .something__child2--mod + .something__subchild1 { - font-size: 2.5em; - } - - .something__child1--mod ~ .something__subchild2, - .something__child2--mod ~ .something__subchild2 { - font-size: 2.5em; - } - } - } - - @include assert('multiple elements, multiple related elements') { /// 10 /// - @include output { - @include iro-bem-block('something') { - @include iro-bem-element('child1', 'child2') { - @include iro-bem-related-element('+', 'subchild1', 'subchild2') { - font-size: 2em; - } - - @include iro-bem-related-element('~', 'subchild3', 'subchild4') { - font-size: 2em; - } - } - } - } - - @include expect { - .something__child1 + .something__subchild1, - .something__child2 + .something__subchild1, - .something__child1 + .something__subchild2, - .something__child2 + .something__subchild2 { - font-size: 2em; - } - - .something__child1 ~ .something__subchild3, - .something__child2 ~ .something__subchild3, - .something__child1 ~ .something__subchild4, - .something__child2 ~ .something__subchild4 { - font-size: 2em; - } - } - } - - @include assert('multiple elements, multiple related elements, manual selector in-between') { /// 11 /// - @include output(false) { - @include iro-bem-block('something') { - @include iro-bem-element('child1', 'child2') { - &:hover { - @include iro-bem-related-element('+', 'subchild1', 'subchild2') { - font-size: 2em; - } - - @include iro-bem-related-element('~', 'subchild3', 'subchild4') { - font-size: 2em; - } - } - - .test & { - @include iro-bem-related-element('+', 'subchild5', 'subchild6') { - font-size: 2em; - } - - @include iro-bem-related-element('~', 'subchild7', 'subchild8') { - font-size: 2em; - } - } - } - } - } - - @include expect(false) { - .something__child1:hover + .something__subchild1, - .something__child2:hover + .something__subchild1, - .something__child1:hover + .something__subchild2, - .something__child2:hover + .something__subchild2 { - font-size: 2em; - } - - .something__child1:hover ~ .something__subchild3, - .something__child2:hover ~ .something__subchild3, - .something__child1:hover ~ .something__subchild4, - .something__child2:hover ~ .something__subchild4 { - font-size: 2em; - } - - .test .something__child1 + .something__subchild5, - .test .something__child2 + .something__subchild5, - .test .something__child1 + .something__subchild6, - .test .something__child2 + .something__subchild6 { - font-size: 2em; - } - - .test .something__child1 ~ .something__subchild7, - .test .something__child2 ~ .something__subchild7, - .test .something__child1 ~ .something__subchild8, - .test .something__child2 ~ .something__subchild8 { - font-size: 2em; - } - } - } - - @include assert('multiple elements, multiple related elements, modifier in-between') { /// 12 /// - @include output { - @include iro-bem-block('something') { - @include iro-bem-element('child1', 'child2') { - @include iro-bem-modifier('mod') { - @include iro-bem-related-element('+', 'subchild1', 'subchild2') { - font-size: 2em; - } - - @include iro-bem-related-element('~', 'subchild3', 'subchild4') { - font-size: 2em; - } - } - } - } - } - - @include expect { - .something__child1--mod + .something__subchild1, - .something__child2--mod + .something__subchild1, - .something__child1--mod + .something__subchild2, - .something__child2--mod + .something__subchild2 { - font-size: 2em; - } - - .something__child1--mod ~ .something__subchild3, - .something__child2--mod ~ .something__subchild3, - .something__child1--mod ~ .something__subchild4, - .something__child2--mod ~ .something__subchild4 { - font-size: 2em; - } - } - } -} -- cgit v1.2.3-54-g00ecf