// make sure you import mocha-config before @angular/core
import { assert } from "./test-config";
import { View } from "ui/core/view";
import { Slider } from "ui/slider";
import { Switch } from "ui/switch";
import { DatePicker } from "ui/date-picker";
import { TimePicker } from "ui/time-picker";
import { ListPicker } from "ui/list-picker";
import { TextField } from "ui/text-field";
import {
    NumberValueAccessor,
    CheckedValueAccessor,
    DateValueAccessor,
    TimeValueAccessor,
    SelectedIndexValueAccessor,
    TextValueAccessor
} from "nativescript-angular/forms/value-accessors";
import { ElementRef } from "@angular/core";

class TestElementRef implements ElementRef {
    constructor(public nativeElement: View) { };
}

class TestNumberValueAccessor extends NumberValueAccessor {
    constructor() {
        super(new TestElementRef(new Slider()));
    }
}

class TestCheckedValueAccessor extends CheckedValueAccessor {
    constructor() {
        super(new TestElementRef(new Switch()));
    }
}

class TestDateValueAccessor extends DateValueAccessor {
    constructor() {
        super(new TestElementRef(new DatePicker()));
    }
}

class TestSelectedIndexValueAccessor extends SelectedIndexValueAccessor {
    constructor() {
        super(new TestElementRef(TestSelectedIndexValueAccessor.picker()));
    }

    static picker(): ListPicker {
        const picker = new ListPicker();
        picker.items = [
            "1",
            "2",
            "3",
            "4",
            "5",
        ];
        return picker;
    }
}

class TestTimeValueAccessor extends TimeValueAccessor {
    constructor() {
        super(new TestElementRef(new TimePicker()));
    }
}

class TestTextValueAccessor extends TextValueAccessor {
    constructor() {
        super(new TestElementRef(new TextField()));
    }
}

describe("two-way binding via ng-model", () => {
    it("converts strings to numbers", () => {
        const accessor = new TestNumberValueAccessor();

        accessor.writeValue(null);
        assert.strictEqual(0, accessor.view.value, "default to 0 on empty");

        accessor.writeValue("42");
        assert.strictEqual(42, accessor.view.value);

        accessor.writeValue("blah");
        assert.notEqual(accessor.view.value, accessor.view.value, "defaults to NaN on parse errors");
    });

    it("converts strings to bools", () => {
        const accessor = new TestCheckedValueAccessor();

        accessor.writeValue(null);
        assert.strictEqual(null, accessor.view.checked, "default to null on empty");

        accessor.writeValue("true");
        assert.strictEqual(true, accessor.view.checked);

        assert.throws(() => accessor.writeValue("blah"));
    });

    it("converts strings to dates", () => {
        const now = new Date();
        const accessor = new TestDateValueAccessor();

        accessor.writeValue(null);
        assert.equal(null, accessor.view.date, "default to null on empty");

        accessor.writeValue("2010-03-17");
        assert.equal(formatDate(new Date(2010, 2, 17)), formatDate(accessor.view.date));
    });

    it("converts strings to int selection", () => {
        const accessor = new TestSelectedIndexValueAccessor();

        accessor.writeValue(null);
        accessor.ngAfterViewInit();
        assert.strictEqual(null, accessor.view.selectedIndex, "default to null on empty");

        accessor.writeValue("3");
        accessor.ngAfterViewInit();
        assert.strictEqual(3, accessor.view.selectedIndex);

        accessor.writeValue("blah");
        accessor.ngAfterViewInit();
        assert.notEqual(accessor.view.selectedIndex, accessor.view.selectedIndex,
            "default to NaN on parse errors");
    });

    it("converts strings to times", () => {
        const accessor = new TestTimeValueAccessor();

        assert.throws(() => accessor.writeValue(null));
        assert.throws(() => accessor.writeValue("2010/03/17 12:54"));
        assert.throws(() => accessor.writeValue("three hours from now"));
    });

    it("converts values to text", () => {
        const accessor = new TestTextValueAccessor();

        accessor.writeValue(null);
        assert.equal(null, accessor.view.text, "defaults to null on empty");

        accessor.writeValue("blah");
        assert.equal("blah", accessor.view.text);

        accessor.writeValue({ toString: () => "stringified" });
        assert.equal("stringified", accessor.view.text);
    });
});

function formatDate(date: Date) {
    return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
}

function formatTime(date: Date) {
    return `${date.getHours()}:${date.getMinutes()}`;
}
