@@ -6,6 +6,7 @@ import { cachedWrappers } from '../src/fixtureWrapper.js';
66import { defineCE } from '../src/helpers.js' ;
77import { fixture , fixtureSync } from '../src/fixture.js' ;
88import { html , unsafeStatic } from '../src/lit-html.js' ;
9+ import { NODE_TYPES } from '../src/lib.js' ;
910
1011describe ( 'fixtureSync & fixture' , ( ) => {
1112 it ( 'supports strings' , async ( ) => {
@@ -44,6 +45,219 @@ describe('fixtureSync & fixture', () => {
4445 testElement ( elementAsync ) ;
4546 } ) ;
4647
48+ it ( 'supports lit-html TemplateResult with whitespace' , async ( ) => {
49+ /**
50+ * @param {Element } element
51+ */
52+ function testElement ( element ) {
53+ expect ( element . localName ) . to . equal ( 'div' ) ;
54+ }
55+
56+ const elementSync = fixtureSync ( html `
57+ < div > </ div >
58+ ` ) ;
59+ // @ts -ignore
60+ testElement ( elementSync ) ;
61+
62+ const elementAsync = await fixture ( html `
63+ < div > </ div >
64+ ` ) ;
65+ // @ts -ignore
66+ testElement ( elementAsync ) ;
67+ } ) ;
68+
69+ describe ( 'Node' , ( ) => {
70+ it ( 'supports Text Node' , async ( ) => {
71+ /**
72+ * @param {Node } node
73+ */
74+ function doTest ( node ) {
75+ expect ( node . textContent ) . to . equal ( 'test' ) ;
76+ expect ( node . nodeType ) . to . equal ( NODE_TYPES . TEXT_NODE ) ;
77+ }
78+
79+ const textNode = document . createTextNode ( 'test' ) ;
80+
81+ const textNodeSync = fixtureSync ( textNode ) ;
82+ doTest ( textNodeSync ) ;
83+
84+ const textNodeAsync = await fixture ( textNode ) ;
85+ doTest ( textNodeAsync ) ;
86+ } ) ;
87+
88+ it ( 'supports Text Node Array' , async ( ) => {
89+ /**
90+ * @param {Node } node
91+ */
92+ function doTest ( node ) {
93+ expect ( node . textContent ) . to . equal ( 'test' ) ;
94+ expect ( node . nodeType ) . to . equal ( NODE_TYPES . TEXT_NODE ) ;
95+ }
96+
97+ const textNodeArray = [
98+ document . createTextNode ( 'test' ) ,
99+ document . createTextNode ( 'silently ignored' ) ,
100+ ] ;
101+
102+ const textNodeSync = fixtureSync ( textNodeArray ) ;
103+ doTest ( textNodeSync ) ;
104+
105+ const textNodeAsync = await fixture ( textNodeArray ) ;
106+ doTest ( textNodeAsync ) ;
107+ } ) ;
108+
109+ it ( 'supports Element Node' , async ( ) => {
110+ /**
111+ * @param {Node } node
112+ */
113+ function doTest ( node ) {
114+ expect ( node . textContent ) . to . equal ( 'test' ) ;
115+ expect ( node . nodeType ) . to . equal ( NODE_TYPES . ELEMENT_NODE ) ;
116+ }
117+
118+ const elementNode = document . createElement ( 'div' ) ;
119+ elementNode . innerHTML = 'test' ;
120+
121+ const textNodeSync = fixtureSync ( elementNode ) ;
122+ doTest ( textNodeSync ) ;
123+
124+ const textNodeAsync = await fixture ( elementNode ) ;
125+ doTest ( textNodeAsync ) ;
126+ } ) ;
127+
128+ it ( 'supports Element Node Array' , async ( ) => {
129+ /**
130+ * @param {Node } node
131+ */
132+ function doTest ( node ) {
133+ expect ( node . textContent ) . to . equal ( 'test' ) ;
134+ expect ( node . nodeType ) . to . equal ( NODE_TYPES . ELEMENT_NODE ) ;
135+ }
136+
137+ const elementNodeArray = [ document . createElement ( 'div' ) , document . createElement ( 'div' ) ] ;
138+
139+ elementNodeArray [ 0 ] . innerHTML = 'test' ;
140+ elementNodeArray [ 1 ] . innerHTML = 'silently ignored' ;
141+
142+ const textNodeSync = fixtureSync ( elementNodeArray ) ;
143+ doTest ( textNodeSync ) ;
144+
145+ const textNodeAsync = await fixture ( elementNodeArray ) ;
146+ doTest ( textNodeAsync ) ;
147+ } ) ;
148+
149+ it ( 'supports DOM tree' , async ( ) => {
150+ /**
151+ * @param {Node } node
152+ */
153+ function doTest ( node ) {
154+ expect ( node . textContent ) . to . equal ( 'test the tree' ) ;
155+ expect ( node . nodeType ) . to . equal ( NODE_TYPES . ELEMENT_NODE ) ;
156+ }
157+
158+ const parent = document . createElement ( 'div' ) ;
159+ const child = document . createElement ( 'div' ) ;
160+ const grandchild = document . createElement ( 'div' ) ;
161+
162+ grandchild . appendChild ( document . createTextNode ( 'tree' ) ) ;
163+ child . appendChild ( document . createTextNode ( 'the ' ) ) ;
164+ parent . appendChild ( document . createTextNode ( 'test ' ) ) ;
165+
166+ child . appendChild ( grandchild ) ;
167+ parent . appendChild ( child ) ;
168+
169+ /*
170+ <div>
171+ test
172+ <div>
173+ the
174+ <div>
175+ tree
176+ </div>
177+ </div>
178+ </div>
179+ */
180+
181+ const textNodeSync = fixtureSync ( parent ) ;
182+ doTest ( textNodeSync ) ;
183+
184+ const textNodeAsync = await fixture ( parent ) ;
185+ doTest ( textNodeAsync ) ;
186+ } ) ;
187+ } ) ;
188+
189+ describe ( 'primitives' , ( ) => {
190+ it ( 'supports number' , async ( ) => {
191+ /**
192+ * @param {Node } node
193+ */
194+ function doTest ( node ) {
195+ expect ( node . textContent ) . to . equal ( '1' ) ;
196+ expect ( node . nodeType ) . to . equal ( NODE_TYPES . TEXT_NODE ) ;
197+ }
198+
199+ const textNodeSync = fixtureSync ( 1 ) ;
200+ doTest ( textNodeSync ) ;
201+
202+ const textNodeAsync = await fixture ( 1 ) ;
203+ doTest ( textNodeAsync ) ;
204+ } ) ;
205+
206+ it ( 'supports number array' , async ( ) => {
207+ /**
208+ * @param {Node } node
209+ */
210+ function doTest ( node ) {
211+ expect ( node . textContent ) . to . equal ( '0' ) ;
212+ expect ( node . nodeType ) . to . equal ( NODE_TYPES . TEXT_NODE ) ;
213+ }
214+
215+ // NB: the 1 is silently ignored
216+ const numberArray = [ 0 , 1 ] ;
217+
218+ const numberArraySync = fixtureSync ( numberArray ) ;
219+ doTest ( numberArraySync ) ;
220+
221+ const numberArrayAsync = await fixture ( numberArray ) ;
222+ doTest ( numberArrayAsync ) ;
223+ } ) ;
224+
225+ it ( 'supports boolean' , async ( ) => {
226+ /**
227+ * @param {Node } node
228+ */
229+ function doTest ( node ) {
230+ expect ( node . textContent ) . to . equal ( 'true' ) ;
231+ expect ( node . nodeType ) . to . equal ( NODE_TYPES . TEXT_NODE ) ;
232+ }
233+
234+ const textNodeSync = fixtureSync ( true ) ;
235+ doTest ( textNodeSync ) ;
236+
237+ const textNodeAsync = await fixture ( true ) ;
238+ doTest ( textNodeAsync ) ;
239+ } ) ;
240+
241+ it ( 'supports boolean array' , async ( ) => {
242+ /**
243+ * @param {Node } node
244+ */
245+ function doTest ( node ) {
246+ expect ( node . textContent ) . to . equal ( 'true' ) ;
247+ expect ( node . nodeType ) . to . equal ( NODE_TYPES . TEXT_NODE ) ;
248+ }
249+
250+ // NB: the `false` is silently ignored
251+ const booleanArray = [ true , false ] ;
252+
253+ const booleanArraySync = fixtureSync ( booleanArray ) ;
254+ doTest ( booleanArraySync ) ;
255+
256+ const booleanArrayAsync = await fixture ( booleanArray ) ;
257+ doTest ( booleanArrayAsync ) ;
258+ } ) ;
259+ } ) ;
260+
47261 it ( 'will cleanup after each test' , async ( ) => {
48262 expect ( cachedWrappers . length ) . to . equal ( 0 ) ;
49263 } ) ;
0 commit comments