added support for HTML comments #68

elem.go

@@ -62,6 +62,20 @@ func (t TextNode) Render() string {
 	return string(t)
 }
 
+type CommentNode string
+
+func (c CommentNode) RenderTo(builder *strings.Builder) {
+	builder.WriteString("<!-- ")
+	builder.WriteString(string(c))
+	builder.WriteString(" -->")
+}
+
+func (c CommentNode) Render() string {
+	var builder strings.Builder
+	c.RenderTo(&builder)
+	return builder.String()
+}
+
 type Element struct {
 	Tag      string
 	Attrs    attrs.Props

elements.go

@@ -88,6 +88,10 @@ func Text(content string) TextNode {
 	return TextNode(content)
 }
 
+func Comment(comment string) CommentNode {
+	return CommentNode(comment)
+}
+
 // ========== Lists ==========
 
 func Li(attrs attrs.Props, children ...Node) *Element {

elements_test.go

@@ -1,9 +1,10 @@
 package elem
 
 import (
-	"github.com/chasefleming/elem-go/styles"
 	"testing"
 
+	"github.com/chasefleming/elem-go/styles"
+
 	"github.com/chasefleming/elem-go/attrs"
 	"github.com/stretchr/testify/assert"
 )
@@ -123,6 +124,19 @@ func TestStrong(t *testing.T) {
 	assert.Equal(t, expected, el.Render())
 }
 
+// ========== Comments ==========
+func TestComment(t *testing.T) {
+	expected := `<!-- this is a comment -->`
+	actual := Comment("this is a comment").Render()
+	assert.Equal(t, expected, actual)
+}
+
+func TestCommentInElement(t *testing.T) {
+	expected := `<div>not a comment<!-- this is a comment --></div>`
+	actual := Div(nil, Text("not a comment"), Comment("this is a comment")).Render()
+	assert.Equal(t, expected, actual)
+}
+
 // ========== Lists ==========
 
 func TestLi(t *testing.T) {