javascript - jsx_test.go

     1  package jsx
     2  
     3  import (
     4  	"fmt"
     5  	"testing"
     6  	"text/template"
     7  
     8  	"vimagination.zapto.org/javascript"
     9  	"vimagination.zapto.org/parser"
    10  )
    11  
    12  func TestProcess(t *testing.T) {
    13  	for n, test := range [...]struct {
    14  		Input, Template, Output string
    15  	}{
    16  		{ // 1
    17  			"const a = <b />",
    18  			`tag('TAG_NAME')`,
    19  			"const a = (tag(\"b\"))",
    20  		},
    21  		{ // 2
    22  			"const a = <b />",
    23  			`import tag from '@tag'; tag('TAG_NAME')`,
    24  			"import def from\"@tag\"\nconst a = (def(\"b\"))",
    25  		},
    26  		{ // 3
    27  			"const a = <b />",
    28  			`import * as tag from '@tag'; tag.T('TAG_NAME')`,
    29  			"import*as ns from\"@tag\"\nconst a = (ns.T(\"b\"))",
    30  		},
    31  		{ // 4
    32  			"const a = <b c='1'/>",
    33  			`tag('TAG_NAME', PARAMS)`,
    34  			"const a = (tag(\"b\", {c:\"1\"}))",
    35  		},
    36  		{ // 5
    37  			"const a = <b><c d=<e />/></b>",
    38  			`tag('TAG_NAME', PARAMS, CHILDREN)`,
    39  			"const a = (tag(\"b\", {}, [(tag(\"c\", {d:(tag(\"e\", {}, []))}, []))]))",
    40  		},
    41  		{ // 6
    42  			"const a = <b><c d=<a />/></b>",
    43  			`{{ if .InHTML }}import {TAG_NAME} from '@html';TAG_NAME(PARAMS, CHILDREN){{else}}tag('TAG_NAME', PARAMS, CHILDREN){{end}}`,
    44  			"import{a as a_1,b}from\"@html\"\nconst a = (b({}, [(tag(\"c\", {d:(a_1({}, []))}, []))]))",
    45  		},
    46  		{ // 7
    47  			"import {b as z} from '@html';const a = <b><c d=<a />/></b>",
    48  			`{{ if .InHTML }}import {TAG_NAME} from '@html';TAG_NAME(PARAMS, CHILDREN){{else}}tag('TAG_NAME', PARAMS, CHILDREN){{end}}`,
    49  			"import {a as a_1,b as z} from '@html';const a = (z({}, [(tag(\"c\", {d:(a_1({}, []))}, []))]))",
    50  		},
    51  		{ // 8
    52  			"const a = <b />",
    53  			`import '@OTHER';tag('TAG_NAME')`,
    54  			"import\"@OTHER\"\nconst a = (tag(\"b\"))",
    55  		},
    56  		{ // 9
    57  			"import ns from '@MODULE';\n\nconst a = <b />;",
    58  			`import ns from '@MODULE';ns.tag('TAG_NAME')`,
    59  			"import ns from '@MODULE';\n\nconst a = (ns.tag(\"b\"));",
    60  		},
    61  		{ // 10
    62  			"import * as ns from '@MODULE';\n\nconst a = <b />;",
    63  			`import * as ns from '@MODULE';ns.tag('TAG_NAME')`,
    64  			"import * as ns from '@MODULE';\n\nconst a = (ns.tag(\"b\"));",
    65  		},
    66  		{ // 11
    67  			"const a = <b {...d}/>",
    68  			`tag('TAG_NAME', PARAMS)`,
    69  			"const a = (tag(\"b\", {...d}))",
    70  		},
    71  		{ // 12
    72  			"const a = <b><c /></b>",
    73  			`tag('TAG_NAME', PARAMS, CHILDREN)`,
    74  			"const a = (tag(\"b\", {}, [(tag(\"c\", {}, []))]))",
    75  		},
    76  		{ // 13
    77  			"const a = <b><c />d{...e}</b>",
    78  			`tag('TAG_NAME', PARAMS, CHILDREN)`,
    79  			"const a = (tag(\"b\", {}, [(tag(\"c\", {}, [])),\"d\",...e]))",
    80  		},
    81  		{ // 14
    82  			"const a = <></>",
    83  			`tag('TAG_NAME', PARAMS, CHILDREN)`,
    84  			"const a = []",
    85  		},
    86  		{ // 15
    87  			"const a = <><b /></>",
    88  			`tag('TAG_NAME', PARAMS, CHILDREN)`,
    89  			"const a = [(tag(\"b\", {}, []))]",
    90  		},
    91  		{ // 16
    92  			"const a = <b><><c /></></b>",
    93  			`tag('TAG_NAME', PARAMS, CHILDREN)`,
    94  			"const a = (tag(\"b\", {}, [[(tag(\"c\", {}, []))]]))",
    95  		},
    96  		{ // 17
    97  			"const a = <b c=<></> />",
    98  			`tag('TAG_NAME', PARAMS, CHILDREN)`,
    99  			"const a = (tag(\"b\", {c:[]}, []))",
   100  		},
   101  		{ // 18
   102  			"const a = <div></div>",
   103  			`{{ if or .InHTML .InSVG }}import {TAG_NAME} from '@{{.Namespace}}';{{ end }}TAG_NAME(PARAMS, CHILDREN)`,
   104  			"import{div}from\"@html\"\nconst a = (div({}, []))",
   105  		},
   106  		{ // 19
   107  			"const a = <div><a /></div>",
   108  			`{{ if or .InHTML .InSVG }}import {TAG_NAME} from '@{{.Namespace}}';{{ end }}TAG_NAME(PARAMS, CHILDREN)`,
   109  			"import{a as a_1,div}from\"@html\"\nconst a = (div({}, [(a_1({}, []))]))",
   110  		},
   111  		{ // 20
   112  			"const a = <div><svg><a /></svg></div>",
   113  			`{{ if or .InHTML .InSVG }}import {TAG_NAME} from '@{{.Namespace}}';{{ end }}TAG_NAME(PARAMS, CHILDREN)`,
   114  			"import{a as a_1,svg}from\"@svg\";import{div}from\"@html\"\nconst a = (div({}, [(svg({}, [(a_1({}, []))]))]))",
   115  		},
   116  		{ // 21
   117  			"const a = <div><svg><a /></svg></div>",
   118  			`{{ if or .InHTML .InSVG }}import {TAG_NAME} from '@{{.Namespace}}';{{ end }}TAG_NAME({{ if .HasParams }}PARAMS{{ end }}{{ if .HasChildren}}{{if .HasParams }}, {{ end }}CHILDREN{{ end }})`,
   119  			"import{a as a_1,svg}from\"@svg\";import{div}from\"@html\"\nconst a = (div([(svg([(a_1())]))]))",
   120  		},
   121  		{ // 22
   122  			"const a = <b>{// A\nc // B\n}</b>",
   123  			`tag('TAG_NAME', PARAMS, CHILDREN)`,
   124  			"const a = (tag(\"b\", {}, [// A\nc // B\n]))",
   125  		},
   126  		{ // 23
   127  			"const a = <b>{// A\nc // B\n\n// C\n}</b>",
   128  			`tag('TAG_NAME', PARAMS, CHILDREN)`,
   129  			"const a = (tag(\"b\", {}, [// A\nc // B\n\n// C\n]))",
   130  		},
   131  		{ // 24
   132  			"const a = <b>{// A\n... /* B */ c\n// C\n}</b>",
   133  			`tag('TAG_NAME', PARAMS, CHILDREN)`,
   134  			"const a = (tag(\"b\", {}, [// A\n... /* B */ c\n// C\n]))",
   135  		},
   136  		{ // 25
   137  			"const a = <b {// A\n... /* B */ d // C\n}/>",
   138  			`tag('TAG_NAME', PARAMS)`,
   139  			"const a = (tag(\"b\", {// A\n.../* B */ d // C\n}))",
   140  		},
   141  		{ // 26
   142  			"const a = <b {\n// A\n... /* B */ d // C\n}/>",
   143  			`tag('TAG_NAME', PARAMS)`,
   144  			"const a = (tag(\"b\", {// A\n.../* B */ d // C\n}))",
   145  		},
   146  	} {
   147  		tk := parser.NewStringTokeniser(test.Input)
   148  
   149  		if m, err := javascript.ParseModule(javascript.AsJSX(&tk)); err != nil {
   150  			t.Errorf("test %d: unexpected error parsing input: %s", n+1, err)
   151  		} else if tmp, err := template.New("").Parse(test.Template); err != nil {
   152  			t.Errorf("test %d: unexpected error parsing template: %s", n+1, err)
   153  		} else if err := Process(m, tmp); err != nil {
   154  			t.Errorf("test %d: unexpected error processing: %s", n+1, err)
   155  		} else if output := fmt.Sprintf("%#s", m); output != test.Output {
   156  			t.Errorf("test %d: expecting output %q, got %q", n+1, test.Output, output)
   157  		}
   158  	}
   159  }
   160