patch_test.go

package domui

import (
	"fmt"
	"math/rand"
	"strings"
	"testing"
)

func TestPatch(t *testing.T) {

	t.Run("different kind", func(t *testing.T) {
		WithTestApp(
			t,
			func(app *App) {
				html := app.HTML()
				if html != "<div></div>" {
					t.Fatal()
				}
				app.Update(func() string {
					return "bar"
				})
				app.Render()
				html = app.HTML()
				if html != "foo" {
					t.Fatalf("got %s", html)
				}
			},
			func() string {
				return "foo"
			},
			func(s string) RootElement {
				if s == "foo" {
					return Div()
				}
				return Text("foo")
			},
		)
	})

	t.Run("different tag", func(t *testing.T) {
		WithTestApp(
			t,
			func(app *App) {
				html := app.HTML()
				if html != "<div></div>" {
					t.Fatal()
				}
				app.Update(func() string {
					return "bar"
				})
				app.Render()
				html = app.HTML()
				if html != "<p></p>" {
					t.Fatalf("got %s", html)
				}
			},
			func() string {
				return "foo"
			},
			func(s string) RootElement {
				if s == "foo" {
					return Div()
				}
				return P()
			},
		)
	})

	t.Run("patch", func(t *testing.T) {
		WithTestApp(
			t,
			func(app *App) {
				html := app.HTML()
				if html != `<div id="foo" class="foo" foo="foo" style="font-size: 42px; font-weight: 42;"></div>` {
					t.Fatalf("got %s", html)
				}

				app.Update(func() (string, int) {
					return "bar", 2
				})
				app.Render()
				html = app.HTML()
				if html != `<div id="bar" class="bar qux" style="font-size: 2px; font-weight: 2; display: block;" attr2="bar" bar="bar"></div>` {
					t.Fatalf("got %s", html)
				}

				app.Update(func() int {
					return 3
				})
				app.Render()
				html = app.HTML()
				if html != `<div></div>` {
					t.Fatalf("got %s\n", html)
				}
			},
			func() (string, int) {
				return "foo", 42
			},
			func(s string, i int) RootElement {
				if i == 3 {
					return Div()
				}

				return Div(
					ID(s),
					FontSize(sp("%dpx", i)),
					Styles(
						"font-weight", i,
					),
					Class(s),
					Attrs(s, s),

					If(
						i == 2,
						Styles("display", "block"),
						Class("qux"),
						Attrs("attr2", s),
					),
				)
			},
		)
	})

	t.Run("test patch event", func(t *testing.T) {
		m := make(map[int]int)
		WithTestApp(
			t,
			func(app *App) {
				app.element.Call("click")
				if m[1] != 1 {
					t.Fatal()
				}

				app.Update(func() int {
					return 2
				})
				app.Render()
				app.element.Call("click")
				if m[1] != 1 {
					t.Fatal()
				}
				if m[2] != 1 {
					t.Fatal()
				}

				app.Update(func() int {
					return 3
				})
				app.Render()
				app.element.Call("click")
				if m[1] != 1 {
					t.Fatal()
				}
				if m[2] != 1 {
					t.Fatal()
				}
				if m[3] != 1 {
					t.Fatal()
				}

				app.Update(func() int {
					return 4
				})
				app.Render()
				app.element.Call("click")
				if m[1] != 1 {
					t.Fatal()
				}
				if m[2] != 1 {
					t.Fatal()
				}
				if m[3] != 1 {
					t.Fatal()
				}
				if m[4] != 0 {
					t.Fatal()
				}
			},
			func(i int) RootElement {
				if i == 4 {
					return Div()
				}
				return Div(
					OnClick(func() {
						m[i]++
					}),
				)
			},
			func() int {
				return 1
			},
		)
	})

	t.Run("patch children", func(t *testing.T) {
		WithTestApp(
			t,
			func(app *App) {
				html := app.HTML()
				if html != `<div><p>0</p></div>` {
					t.Fatalf("got %s", html)
				}

				app.Update(func() int {
					return 2
				})
				app.Render()
				html = app.HTML()
				if html != `<div><p>0</p><p>1</p></div>` {
					t.Fatalf("got %s", html)
				}

				app.Update(func() int {
					return 1
				})
				app.Render()
				html = app.HTML()
				if html != `<div><p>0</p></div>` {
					t.Fatalf("got %s", html)
				}

				app.Update(func() int {
					return 3
				})
				app.Render()
				html = app.HTML()
				if html != `<div><p>0</p><p>1</p><p>2</p></div>` {
					t.Fatalf("got %s", html)
				}

				app.Update(func() int {
					return 0
				})
				app.Render()
				html = app.HTML()
				if html != `<div></div>` {
					t.Fatalf("got %s", html)
				}

				app.Update(func() int {
					return 3
				})
				app.Render()
				html = app.HTML()
				if html != `<div><p>0</p><p>1</p><p>2</p></div>` {
					t.Fatalf("got %s", html)
				}

			},
			func(n int) RootElement {
				var children Specs
				for i := 0; i < n; i++ {
					children = append(children, P(Text("%d", i)))
				}
				return Div(
					children...,
				)
			},
			func() int {
				return 1
			},
		)
	})

}

func TestPatchingChildNodes(t *testing.T) {
	WithTestApp(
		t,
		func(app *App) {
			for i := 0; i < 64; i++ {
				var s string
				app.getScope().Assign(&s)
				app.mutate(func() []int {
					return append(rand.Perm(rand.Intn(8)+1),
						rand.Perm(rand.Intn(8)+1)...)
				})
				app.getScope().Assign(&s)
				app.Render()
				app.getScope().Assign(&s)
				text := app.element.Get("innerText").String()
				if text != s {
					t.Fatalf("\n%s expected\n%s got", s, text)
				}
			}
		},
		func() []int {
			return append(
				rand.Perm(rand.Intn(8)+1),
				rand.Perm(rand.Intn(8)+1)...)
		},
		func(list []int) string {
			var b strings.Builder
			for _, i := range list {
				b.WriteString(fmt.Sprintf("%d,", i))
			}
			return b.String()
		},
		func() func(int) Spec {
			m := NewSpecMap()
			return func(i int) Spec {
				return m(i, func() Spec {
					return Text("%d,", i)
				})
			}
		},
		func(
			list []int,
			fn func(int) Spec,
		) RootElement {
			var specs Specs
			for _, i := range list {
				specs = append(specs, fn(i))
			}
			return Div(specs)
		},
	)
}