From d07f664450ddaaebb44127a4bd057763d13d3f82 Mon Sep 17 00:00:00 2001 From: Feuerfuchs Date: Sun, 1 Nov 2020 20:55:14 +0100 Subject: Init --- test/bem/_iro-bem-block.scss | 85 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 85 insertions(+) create mode 100644 test/bem/_iro-bem-block.scss (limited to 'test/bem/_iro-bem-block.scss') diff --git a/test/bem/_iro-bem-block.scss b/test/bem/_iro-bem-block.scss new file mode 100644 index 0000000..a93d803 --- /dev/null +++ b/test/bem/_iro-bem-block.scss @@ -0,0 +1,85 @@ +// sass-lint:disable class-name-format force-element-nesting force-pseudo-nesting mixins-before-declarations + +// +// Included test cases: +// - /// 1 /// - without namespace +// - /// 2 /// - with namespace +// - /// 3 /// - nested +// - /// 4 /// - within selector +// + +@include it('iro-bem-block') { + @include assert('without namespace') { /// 1 /// + @include output(false) { + @include iro-bem-block('something') { + font-size: 1em; + } + } + + @include expect(false) { + .something { + font-size: 1em; + } + } + } + + @each $ns in map-keys($iro-bem-namespaces) { + @include assert('with namespace "#{$ns}"') { /// 2 /// + @include output(false) { + @include iro-bem-block('something', $ns) { + font-size: 1em; + } + } + + @include expect(false) { + @if $ns != 'theme' { + .#{map-get($iro-bem-namespaces, $ns)}-something { + font-size: 1em; + } + } @else { + .t-something, + [class*=' t-'] .t-something, + [class^='t-'] .t-something { + font-size: 1em; + } + } + } + } + } + + @include assert('nested') { /// 3 /// + @include output(false) { + @include iro-bem-theme('theme') { + @include iro-bem-theme('subtheme') { + @include iro-bem-block('something') { + font-size: 2em; + } + } + } + } + + @include expect(false) { + .t-theme .t-subtheme .something, + [class*=' t-'] .t-theme .t-subtheme .something, + [class^='t-'] .t-theme .t-subtheme .something { + font-size: 2em; + } + } + } + + @include assert('within selector') { /// 4 /// + @include output(false) { + .sel { + @include iro-bem-block('something') { + font-size: 2em; + } + } + } + + @include expect(false) { + .sel .something { + font-size: 2em; + } + } + } +} -- cgit v1.3.1