From 479473ee05b28f7189267f98f3dbee95088e62a1 Mon Sep 17 00:00:00 2001
From: Anne_LXM <1076217653@qq.com>
Date: Fri, 30 Jun 2023 22:04:58 +0800
Subject: [PATCH] add rendering

---
 jest.config.js                            |  2 +-
 pages.json                                | 16 +++++++-
 pages/index.uvue                          |  5 ++-
 pages/rendering/slots/child.uvue          | 27 +++++++++++++
 pages/rendering/slots/slots.test.js       | 21 ++++++++++
 pages/rendering/slots/slots.uvue          | 34 ++++++++++++++++
 pages/rendering/template/template.test.js | 16 ++++++++
 pages/rendering/template/template.uvue    | 47 +++++++++++++++++++++++
 8 files changed, 165 insertions(+), 3 deletions(-)
 create mode 100644 pages/rendering/slots/child.uvue
 create mode 100644 pages/rendering/slots/slots.test.js
 create mode 100644 pages/rendering/slots/slots.uvue
 create mode 100644 pages/rendering/template/template.test.js
 create mode 100644 pages/rendering/template/template.uvue

diff --git a/jest.config.js b/jest.config.js
index 1351b8a..7d60dd4 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -6,6 +6,6 @@ module.exports = {
     watchPathIgnorePatterns: ['/node_modules/', '/dist/', '/.git/'],
     moduleFileExtensions: ['js', 'json'],
     rootDir: __dirname,
-    testMatch: ["<rootDir>/pages/state/**/*.test.js"],
+    testMatch: ["<rootDir>/pages/**/**/*.test.js"],
     testPathIgnorePatterns: ['/node_modules/']
 }
diff --git a/pages.json b/pages.json
index ddb978c..4681437 100644
--- a/pages.json
+++ b/pages.json
@@ -174,7 +174,21 @@
         "navigationBarTitleText": "",
         "enablePullDownRefresh": false
       }
-    }
+    },
+	 {
+	   "path": "pages/rendering/slots/slots",
+	   "style": {
+	     "navigationBarTitleText": "slots",
+	     "enablePullDownRefresh": false
+	   }
+	 },
+	 {
+	   "path": "pages/rendering/template/template",
+	   "style": {
+	     "navigationBarTitleText": "template",
+	     "enablePullDownRefresh": false
+	   }
+	 }
   ],
   "globalStyle": {
     "pageOrientation": "portrait",
diff --git a/pages/index.uvue b/pages/index.uvue
index 6dcd672..04bfb03 100644
--- a/pages/index.uvue
+++ b/pages/index.uvue
@@ -89,7 +89,10 @@
             id: 'rendering',
             name: '渲染选项',
             open: false,
-            pages: ['template', 'render', 'slots'].map(createPageItem('rendering'))
+            pages: [
+					'template', 
+					// 'render', 
+					'slots'].map(createPageItem('rendering'))
           },
           {
             id: 'component-instance',
diff --git a/pages/rendering/slots/child.uvue b/pages/rendering/slots/child.uvue
new file mode 100644
index 0000000..2d1ebdc
--- /dev/null
+++ b/pages/rendering/slots/child.uvue
@@ -0,0 +1,27 @@
+<template>
+	<view class="container">
+		<view>
+			<slot name="header"></slot>
+		</view>
+		<view>
+			<slot></slot>
+		</view>
+		<view>
+			<slot name="footer"></slot>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"child",
+		data() {
+			return {}
+		},
+		methods: {}
+	}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/pages/rendering/slots/slots.test.js b/pages/rendering/slots/slots.test.js
new file mode 100644
index 0000000..c8ccf49
--- /dev/null
+++ b/pages/rendering/slots/slots.test.js
@@ -0,0 +1,21 @@
+// uni-app自动化测试教程: uni-app自动化测试教程: https://uniapp.dcloud.net.cn/worktile/auto/hbuilderx-extension/
+
+describe('/pages/rendering/slots/slots', () => {
+
+	let page;
+	beforeAll(async () => {
+		page = await program.reLaunch('/pages/rendering/slots/slots')
+		await page.waitFor(500)
+	});
+
+	it('slots', async () => {
+		expect.assertions(3);
+		const childEl = await page.$('child');
+		const headerEl = await childEl.$('.header');
+		expect(await headerEl.text()).toEqual("Here might be a page title");
+		const mainEl = await childEl.$('.main');
+		expect(await mainEl.text()).toEqual("A paragraph for the main content.");
+		const footerEl = await childEl.$('.footer');
+		expect(await footerEl.text()).toEqual("Here's some contact info");
+	});
+});
\ No newline at end of file
diff --git a/pages/rendering/slots/slots.uvue b/pages/rendering/slots/slots.uvue
new file mode 100644
index 0000000..ffe4f87
--- /dev/null
+++ b/pages/rendering/slots/slots.uvue
@@ -0,0 +1,34 @@
+<template>
+	<view class="content">
+		<child>
+			<template v-slot:header>
+				<view  class="header">Here might be a page title</view>
+			</template>
+			<template v-slot:default>
+				<view  class="main">A paragraph for the main content.</view>
+			</template>
+			<template v-slot:footer>
+				<view  class="footer">Here's some contact info</view>
+			</template>
+		</child>
+	</view>
+</template>
+
+<script>
+	import child from './child.uvue';
+	export default {
+		components:{child},
+		data() {
+			return {}
+		},
+		onLoad() {
+		
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/pages/rendering/template/template.test.js b/pages/rendering/template/template.test.js
new file mode 100644
index 0000000..17724c0
--- /dev/null
+++ b/pages/rendering/template/template.test.js
@@ -0,0 +1,16 @@
+// uni-app自动化测试教程: https://uniapp.dcloud.net.cn/worktile/auto/hbuilderx-extension/
+
+describe('/pages/rendering/template/template', () => {
+	let page
+	beforeAll(async () => {
+		page = await program.reLaunch('/pages/rendering/template/template')
+		await page.waitFor(500)
+	})
+	it('template', async () => {
+		expect.assertions(2);
+		const showBtn = await page.$('.show-botton')
+		await showBtn.tap()
+		expect((await page.data()).isShow).toBeFalsy()
+		expect((await page.$$('.item')).length).toBe(2)
+	})
+});
\ No newline at end of file
diff --git a/pages/rendering/template/template.uvue b/pages/rendering/template/template.uvue
new file mode 100644
index 0000000..a42f086
--- /dev/null
+++ b/pages/rendering/template/template.uvue
@@ -0,0 +1,47 @@
+<template>
+	<view class="container">
+		<template v-if="isShow">
+			<view>{{title}}</view>
+		</template>
+		<view class="show-botton" @click="handleShow">{{isShow?'点击隐藏':'点击显示'}}</view>
+
+		<template v-for="(item,index) in list" :key="index">
+			<view class="item">{{index+1}}.{{item.name}}</view>
+		</template>
+	</view>
+</template>
+
+<script>
+	type objType = {
+		name: string
+	}
+	export default {
+		data() {
+			return {
+				title: "hello",
+				isShow: true,
+				list: [{
+						name: 'foo1'
+					},
+					{
+						name: 'foo2'
+					}
+				] as objType[]
+			}
+		},
+		methods: {
+			handleShow() {
+				this.isShow = !this.isShow
+			}
+		}
+	}
+</script>
+
+<style>
+	.item {
+		display: flex;
+		flex-direction: row;
+		margin: 15px;
+		border: #eee solid 1px;
+	}
+</style>
\ No newline at end of file
-- 
GitLab