Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Any way to integrate a living styleguide for only testing / presenting css classes?

See original GitHub issue

I’m trying to documentate what kind of buttons my ui framework has This is what I tried (altough I guessed this won’t do)

import { Component } from '@angular/core';
import { async, ComponentFixture, TestBed } from '@angular/core/testing';

describe('ButtonTestHost', () => {
    let component: ButtonTestHost;
    let fixture: ComponentFixture<ButtonTestHost>;

    beforeEach(async(() => {
        /**
         * @uijar ButtonTestHost
         * @hostcomponent ButtonTestHost
         */
        let moduleDefinition = {
            declarations: [ButtonTestHost]
        };

        TestBed.configureTestingModule(moduleDefinition).compileComponents();
    }));


    beforeEach(() => {
        fixture = TestBed.createComponent(ButtonTestHost);
        component = fixture.componentInstance;
        fixture.detectChanges();
    });

    /** @uijarexample */
    it('should be displayed', () => {
        // ...
    });
});

/**
 * @group CSS
 * @component Buttons
 * @description
 */
@Component({
    selector: 'button-test-host',
    template: `<button class="button-primary">Button label</button> <button class="button-primary-alt">Button label</button><br>
<button class="button-secondary">Button label</button> <button class="button-secondary-alt">Button label</button><br>
<button class="button-green">Button label</button> <button class="button-green-alt">Button label</button><br>
<button class="button-yellow">Button label</button> <button class="button-yellow-alt">Button label</button><br>
<button class="button-red">Button label</button> <button class="button-red-alt">Button label</button><br>`
})
export class ButtonTestHost {
}

I tried to documentate the buttons with a buttons.spec.ts inside my styles directory.

What I am getting is:

Generating resources...
Could not find any reference to "ButtonTestHost".
Verify that "@uijar ButtonTestHost" or "@hostcomponent ButtonTestHost" is using correct component reference name.