fix #66

Author: eidng8

src/components/G8VueTree.vue

@@ -22,7 +22,7 @@
         @click.stop.prevent="setState(!checked)"
         :class="{
           'g8-tree__checker--checked': checked,
-          'g8-tree__checker--checked--intermediate': intermediate,
+          'g8-tree__checker--intermediate': intermediate,
         }"
       ></span>
       <span class="g8-tree__node__entry__label">

src/components/tree-view.scss

@@ -70,8 +70,9 @@ $g8-tree__bg--highlight--secondary--inverse: lighten(
   }
 }
 
-.g8-tree__checker--checked--intermediate:after {
+.g8-tree__checker--intermediate:after {
   content: '\220E';
+  visibility: visible;
   margin-left: -0.05em;
 }
 

tests/e2e/custom-assertions/checkerIntermediate.js

@@ -56,7 +56,7 @@ exports.assertion = function (selector, msg) {
    * @return {Boolean}
    */
   this.evaluate = function (value) {
-    return /.*\bg8-tree__checker--checked--intermediate\b.*/.test(value);
+    return /.*\bg8-tree__checker--intermediate\b.*/.test(value);
   };
 
   /**

tests/unit/G8TreeView-interactions.spec.ts

@@ -106,7 +106,7 @@ describe('Tree View interactions', () => {
     checkers.at(1).trigger('click');
     await wrapper.vm.$nextTick();
     expect(wrapper.find('.g8-tree__checker').classes()).toContain(
-      'g8-tree__checker--checked--intermediate',
+      'g8-tree__checker--intermediate',
     );
   });
 
@@ -121,7 +121,7 @@ describe('Tree View interactions', () => {
     checkers.at(1).trigger('click');
     await wrapper.vm.$nextTick();
     expect(wrapper.find('.g8-tree__checker').classes()).toContain(
-      'g8-tree__checker--checked--intermediate',
+      'g8-tree__checker--intermediate',
     );
     expect(wrapper.findAll('.g8-tree__checker--checked').length).toBe(2);
   });
@@ -140,26 +140,20 @@ describe('Tree View interactions', () => {
     // check last node = set root & 2nd branch to intermediate
     checkers.at(checkers.length - 1).trigger('click');
     await wrapper.vm.$nextTick();
-    expect(
-      wrapper.findAll('.g8-tree__checker--checked--intermediate').length,
-    ).toBe(2);
+    expect(wrapper.findAll('.g8-tree__checker--intermediate').length).toBe(2);
     // check root node = check all
     checkers.at(0).trigger('click');
     await wrapper.vm.$nextTick();
     expect(wrapper.findAll('.g8-tree__checker--checked').length).toBe(5);
     // uncheck last node = set root & 2nd branch to intermediate
     checkers.at(checkers.length - 1).trigger('click');
     await wrapper.vm.$nextTick();
-    expect(
-      wrapper.findAll('.g8-tree__checker--checked--intermediate').length,
-    ).toBe(2);
+    expect(wrapper.findAll('.g8-tree__checker--intermediate').length).toBe(2);
     expect(wrapper.findAll('.g8-tree__checker--checked').length).toBe(4);
     // uncheck 2nd last node = set root & 2nd branch to intermediate
     checkers.at(checkers.length - 2).trigger('click');
     await wrapper.vm.$nextTick();
-    expect(
-      wrapper.findAll('.g8-tree__checker--checked--intermediate').length,
-    ).toBe(1);
+    expect(wrapper.findAll('.g8-tree__checker--intermediate').length).toBe(1);
     expect(wrapper.findAll('.g8-tree__checker--checked').length).toBe(2);
   });
 });