完成homework11

test/index.spec.js

@@ -1,4 +1,4 @@
-const { elementOpen, text, elementEnd, currentInfo } = require('../vdom/vnodeBack.js');
+const { elementOpen, text, elementEnd, currentInfo } = require('../vdom/vnode.js');
 
 describe('idom', () => {
   test('校验idom结构', async () => {
@@ -13,6 +13,22 @@ describe('idom', () => {
   })
 })
 
+describe('idom', () => {
+  test('校验多层子节点的idom结构', async () => {
+    elementOpen('div')
+    elementOpen('p')
+    text('1')
+    elementEnd('p')
+    elementOpen('p')
+    text('1')
+    elementEnd('p')
+    text('2')
+    elementEnd('div')
+    var currentNode = currentInfo.currentNode
+    expect(JSON.stringify(currentNode)).toBe('{"tagName":"div","children":[{"tagName":"p","text":"1"},{"tagName":"p","text":"1"}],"text":"2"}')
+  })
+})
+
 describe('idom2', () => {
   test('重复调用的时候，生成结果独立互不影响', async () => {
     elementOpen('div')

vdom/vnode.js

@@ -5,23 +5,44 @@
 */
 
 var currentInfo = {
-	currentNode: null,
-	currentParent: null
-}
+  currentNode: null,
+  currentParent: [],
+};
+
 function elementOpen(tagName) {
-	// TODO
+	currentInfo.currentNode = null;
+  currentInfo.currentParent.push({
+    tagName,
+  });
 }
 
 function text(textContent) {
-	// TODO
+  currentInfo.currentParent[currentInfo.currentParent.length - 1].text =
+    textContent;
 }
 
 function elementEnd(tagName) {
-	// TODO
+  const { currentParent } = currentInfo;
+  let tempNode = currentParent.pop();
+	let length = currentInfo.currentParent.length
+	let nextParent = currentParent[length - 1]
+  if (tempNode.tagName === tagName) {
+		if(length) {
+			nextParent.children = nextParent.children || []
+			nextParent.children.push(
+				tempNode
+			);
+		} else {
+			currentInfo.currentNode = tempNode;
+		}
+  } else {
+    // TODO
+  }
 }
+
 module.exports = {
-	elementOpen,
-	text,
-	elementEnd,
-	currentInfo
-};
+  elementOpen,
+  text,
+  elementEnd,
+  currentInfo,
+};