about summary refs log tree commit diff stats
path: root/el/elements_test.go
blob: 6c731886d000fe2d6d73ac2491e0a8a3fb13e3f4 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
package el_test

import (
	"testing"

	g "github.com/maragudk/gomponents"
	"github.com/maragudk/gomponents/assert"
	"github.com/maragudk/gomponents/el"
)

func TestDocument(t *testing.T) {
	t.Run("returns doctype and children", func(t *testing.T) {
		assert.Equal(t, `<!doctype html><html />`, el.Document(g.El("html")))
	})
}

func TestForm(t *testing.T) {
	t.Run("returns a form element with action and method attributes", func(t *testing.T) {
		assert.Equal(t, `<form action="/" method="post" />`, el.Form("/", "post"))
	})
}

func TestInput(t *testing.T) {
	t.Run("returns an input element with attributes type and name", func(t *testing.T) {
		assert.Equal(t, `<input type="text" name="hat" />`, el.Input("text", "hat"))
	})
}

func TestLabel(t *testing.T) {
	t.Run("returns a label element with attribute for", func(t *testing.T) {
		assert.Equal(t, `<label for="hat">Hat</label>`, el.Label("hat", g.Text("Hat")))
	})
}

func TestOption(t *testing.T) {
	t.Run("returns an option element with attribute label and content", func(t *testing.T) {
		assert.Equal(t, `<option value="hat">Hat</option>`, el.Option("Hat", "hat"))
	})
}

func TestProgress(t *testing.T) {
	t.Run("returns a progress element with attributes value and max", func(t *testing.T) {
		assert.Equal(t, `<progress value="5.5" max="10" />`, el.Progress(5.5, 10))
	})
}

func TestSelect(t *testing.T) {
	t.Run("returns a select element with attribute name", func(t *testing.T) {
		assert.Equal(t, `<select name="hat"><option value="partyhat">Partyhat</option></select>`,
			el.Select("hat", el.Option("Partyhat", "partyhat")))
	})
}

func TestTextarea(t *testing.T) {
	t.Run("returns a textarea element with attribute name", func(t *testing.T) {
		assert.Equal(t, `<textarea name="hat" />`, el.Textarea("hat"))
	})
}

func TestA(t *testing.T) {
	t.Run("returns an a element with a href attribute", func(t *testing.T) {
		assert.Equal(t, `<a href="#">hat</a>`, el.A("#", g.Text("hat")))
	})
}

func TestImg(t *testing.T) {
	t.Run("returns an img element with href and alt attributes", func(t *testing.T) {
		assert.Equal(t, `<img src="hat.png" alt="hat" id="image" />`, el.Img("hat.png", "hat", g.Attr("id", "image")))
	})
}