import { VetproviehRepeat } from "../../lib";

// Testtemplate
const template = document.createElement("template");
template.innerHTML = `<div>
                        <strong>{{id}}</strong>: <span>{{name}}</span>
                      </div>
                      <hr/>`;

// Test-Data for the Tests
const data = [
    {
        "id": "1",
        "name": "Paul Panzer"
    },
    {
        "id": "2",
        "name": "Dagobert Duck"

    }];


let vpRepeat = new VetproviehRepeat(template);
vpRepeat.objects = data;

describe('initialize', () => {

    it('should set data', () => {
        expect(vpRepeat.objects).toEqual(data);
    });


});


describe('connectedCallback', () => {
    it('should render template', () => {
        vpRepeat.connectedCallback();
        let shadowRoot = vpRepeat.shadowRoot as ShadowRoot;
        data.forEach((element) => {
            expect(shadowRoot.innerHTML).toMatch("<strong>" + element.id + "</strong>");
            expect(shadowRoot.innerHTML).toMatch("<span>" + element.name + "</span>");
        })
    });
});