MujicaUI/input/form_field_test.go

package input

import (
	"slices"
	"testing"

	"github.com/egoist/mygo/ui"

	"git.zacharyzhang.com/ZacharyZhang-NY/MujicaUI/core"
)

func TestFormFieldLabelFocusesControl(t *testing.T) {
	name := ""
	tt := ui.NewTester(func(c *ui.Context) {
		core.Use(c, core.Settings{})
		FormField(c, "Name", FormFieldOptions{Required: true, Description: "As on your seal."}, func() ui.Element {
			return InputGroup(c, &name, InputGroupOptions{}).Input
		})
	}, 400, 200)
	if err := tt.Click("Name"); err != nil {
		t.Fatal(err)
	}
	tt.Type("Sakiko")
	if name != "Sakiko" {
		t.Fatalf("label click did not focus the control: %q", name)
	}
	if !tt.Focused("Name") || !tt.HasText("As on your seal.") || !tt.HasText("*") {
		t.Fatalf("texts %q", tt.Texts())
	}
}

// The label goes to the returned input, not the first focusable element before it.
func TestFormFieldTargetsReturnedControl(t *testing.T) {
	tags, site := []string{"rose"}, ""
	tt := ui.NewTester(func(c *ui.Context) {
		core.Use(c, core.Settings{})
		ui.Column(c).Gap(12).Children(func() {
			FormField(c, "Flowers", FormFieldOptions{Error: "Too few."}, func() ui.Element {
				return TagsInput(c, &tags, TagsInputOptions{}).Input
			})
			FormField(c, "Site", FormFieldOptions{}, func() ui.Element {
				return InputGroup(c, &site, InputGroupOptions{Buttons: []InputGroupButton{{Label: "Back", Leading: true}}}).Input
			})
		})
	}, 500, 300)
	_ = tt.Click("Flowers")
	tt.Type("ivy")
	tt.Key(0, ui.KeyEnter)
	if !slices.Equal(tags, []string{"rose", "ivy"}) || !tt.Focused("Flowers") {
		t.Fatalf("tags %q", tags)
	}
	if _, ok := tt.Find("Remove rose"); !ok {
		t.Fatal("remove button lost its own name")
	}
	_ = tt.Click("Site")
	tt.Type("court")
	if site != "court" || tt.Focused("Back") {
		t.Fatalf("site %q", site)
	}
}

func TestFormFieldErrorAndLayout(t *testing.T) {
	v := ""
	horizontal := false
	tt := ui.NewTester(func(c *ui.Context) {
		core.Use(c, core.Settings{})
		FormField(c, "Email", FormFieldOptions{Error: "Enter an email address.", Horizontal: horizontal}, func() ui.Element {
			return InputGroup(c, &v, InputGroupOptions{Prefix: "mailto:"}).Input
		})
	}, 500, 200)
	if !tt.HasText("Enter an email address.") {
		t.Fatal("error not shown")
	}
	label, _ := tt.Find("Email")
	input, _ := tt.Find("mailto:")
	if !(input.Y > label.Y+label.H/2) {
		t.Fatalf("vertical: label %v input %v", label, input)
	}
	horizontal = true
	tt.Frame()
	label, _ = tt.Find("Email")
	input, _ = tt.Find("mailto:")
	if !(input.X > label.X+label.W) || input.Y > label.Y+label.H {
		t.Fatalf("horizontal: label %v input %v", label, input)
	}
}

func TestFormFieldNeedsLabel(t *testing.T) {
	defer func() {
		if recover() == nil {
			t.Fatal("no panic for an empty label")
		}
	}()
	ui.Render(func(c *ui.Context) {
		core.Use(c, core.Settings{})
		FormField(c, "", FormFieldOptions{}, func() ui.Element { return ui.Box(c) })
	}, 100, 100, 1)
}

func TestFormFieldSnapshot(t *testing.T) {
	a, b := "Sakiko Togawa", "uika@"
	snapshot(t, "form_field", 520, 260, func(c *ui.Context) {
		ui.Column(c).Padding(20).Gap(16).Children(func() {
			FormField(c, "Name", FormFieldOptions{Required: true, Description: "As written on the invitation."}, func() ui.Element {
				return InputGroup(c, &a, InputGroupOptions{}).Input
			})
			FormField(c, "Email", FormFieldOptions{Horizontal: true, Error: "Enter a full email address."}, func() ui.Element {
				return InputGroup(c, &b, InputGroupOptions{Invalid: true}).Input
			})
		})
	})
}