feat: 补充 input/textarea 同时设置 v-model/value 的测试

pages/component/input/input.test.js

@@ -198,4 +198,9 @@ describe('component-native-input', () => {
     })
     expect(image).toSaveImageSnapshot()
   })
+
+  it('both set modelValue and value', async()=>{
+    const input2 = await page.$('#both-model-value');
+    expect(await input2.value()).toEqual("123")
+  })
 });

pages/component/textarea/textarea.test.js

@@ -73,4 +73,9 @@ describe('component-native-textarea', () => {
       await page.waitFor(500)
     }
   })
+
+  it('both set modelValue and value', async () => {
+    let textarea2 = await page.$('.both-set-textarea');
+    expect(await textarea2.value()).toBe("123")
+  })
 });

pages/component/textarea/textarea.uvue

-<script>
-import { ItemType } from '@/components/enum-data/enum-data'
-export default {
-	data() {
-		return {
-			adjust_position_boolean: false,
-			show_confirm_bar_boolean: false,
-			fixed_boolean: false,
-			auto_height_boolean: false,
-			confirm_hold_boolean: false,
-			focus_boolean: true,
+<script>
+import { ItemType } from '@/components/enum-data/enum-data'
+export default {
+	data() {
+		return {
+			adjust_position_boolean: false,
+			show_confirm_bar_boolean: false,
+			fixed_boolean: false,
+			auto_height_boolean: false,
+			confirm_hold_boolean: false,
+			focus_boolean: true,
 			auto_focus_boolean: false,
       default_value:"1\n2\n3\n4\n5\n6",
-      maxlength:-1,
+      maxlength:-1,
 			inputmode_enum: [{"value":1,"name":"text"},{"value":2,"name":"decimal"},{"value":3,"name":"numeric"},{"value":4,"name":"tel"},{"value":5,"name":"search"},{"value":6,"name":"email"},{"value":7,"name":"url"},{"value":0,"name":"none"}] as ItemType[],
       confirm_type_list: [{"value":0,"name":"return"},{"value":1,"name":"done"},{"value":2,"name":"send"},{"value":3,"name":"search"},{"value":4,"name":"next"},{"value":5,"name":"go"}] as ItemType[],
       cursor_color: "#3393E2",
-      cursor: 0,
+      cursor: 0,
 			inputmode_enum_current: 0,
       confirm_type_current: 0,
-      placeholder_value: "请输入"
-		}
+      placeholder_value: "请输入",
+      defaultModel:'123'
+		}
 	},
-
-	methods: {
-		textarea_click() { console.log("组件被点击时触发") },
-		textarea_touchstart() { console.log("手指触摸动作开始") },
-		textarea_touchmove() { console.log("手指触摸后移动") },
-		textarea_touchcancel() { console.log("手指触摸动作被打断，如来电提醒，弹窗") },
-		textarea_touchend() { console.log("手指触摸动作结束") },
-		textarea_tap() { console.log("手指触摸后马上离开") },
-		textarea_longpress() { console.log("如果一个组件被绑定了 longpress 事件，那么当用户长按这个组件时，该事件将会被触发。") },
-		textarea_confirm() { console.log("点击完成时， 触发 confirm 事件，event.detail = {value: value}") },
-		textarea_input() { console.log("当键盘输入时，触发 input 事件，event.detail = {value, cursor}， @input 处理函数的返回值并不会反映到 textarea 上") },
-		textarea_linechange() { console.log("输入框行数变化时调用，event.detail = {height: 0, height: 0, lineCount: 0}") },
-		textarea_blur() { console.log("输入框失去焦点时触发，event.detail = {value, cursor}") },
-		textarea_keyboardheightchange() { console.log("键盘高度发生变化的时候触发此事件，event.detail = {height: height, duration: duration}") },
-		textarea_focus() { console.log("输入框聚焦时触发，event.detail = { value, height }，height 为键盘高度") },
-		change_adjust_position_boolean(checked : boolean) { this.adjust_position_boolean = checked },
-		change_show_confirm_bar_boolean(checked : boolean) { this.show_confirm_bar_boolean = checked },
-		change_fixed_boolean(checked : boolean) { this.fixed_boolean = checked },
-		change_auto_height_boolean(checked : boolean) { this.auto_height_boolean = checked },
-		change_confirm_hold_boolean(checked : boolean) { this.confirm_hold_boolean = checked },
-		change_focus_boolean(checked : boolean) { this.focus_boolean = checked },
+
+	methods: {
+		textarea_click() { console.log("组件被点击时触发") },
+		textarea_touchstart() { console.log("手指触摸动作开始") },
+		textarea_touchmove() { console.log("手指触摸后移动") },
+		textarea_touchcancel() { console.log("手指触摸动作被打断，如来电提醒，弹窗") },
+		textarea_touchend() { console.log("手指触摸动作结束") },
+		textarea_tap() { console.log("手指触摸后马上离开") },
+		textarea_longpress() { console.log("如果一个组件被绑定了 longpress 事件，那么当用户长按这个组件时，该事件将会被触发。") },
+		textarea_confirm() { console.log("点击完成时， 触发 confirm 事件，event.detail = {value: value}") },
+		textarea_input() { console.log("当键盘输入时，触发 input 事件，event.detail = {value, cursor}， @input 处理函数的返回值并不会反映到 textarea 上") },
+		textarea_linechange(e) { console.log(e,"输入框行数变化时调用，event.detail = {height: 0, height: 0, lineCount: 0}") },
+		textarea_blur() { console.log("输入框失去焦点时触发，event.detail = {value, cursor}") },
+		textarea_keyboardheightchange() { console.log("键盘高度发生变化的时候触发此事件，event.detail = {height: height, duration: duration}") },
+		textarea_focus() { console.log("输入框聚焦时触发，event.detail = { value, height }，height 为键盘高度") },
+		change_adjust_position_boolean(checked : boolean) { this.adjust_position_boolean = checked },
+		change_show_confirm_bar_boolean(checked : boolean) { this.show_confirm_bar_boolean = checked },
+		change_fixed_boolean(checked : boolean) { this.fixed_boolean = checked },
+		change_auto_height_boolean(checked : boolean) { this.auto_height_boolean = checked },
+		change_confirm_hold_boolean(checked : boolean) { this.confirm_hold_boolean = checked },
+		change_focus_boolean(checked : boolean) { this.focus_boolean = checked },
 		change_auto_focus_boolean(checked : boolean) { this.auto_focus_boolean = checked },
-    change_cursor_color_boolean(checked : boolean) { if(checked){ this.cursor_color = "transparent"} else {this.cursor_color = "#3393E2"}},
+    change_cursor_color_boolean(checked : boolean) { if(checked){ this.cursor_color = "transparent"} else {this.cursor_color = "#3393E2"}},
 		radio_change_inputmode_enum(checked : number) { this.inputmode_enum_current = checked },
-    radio_change_confirm_type(checked : number) { this.confirm_type_current = checked }
-	}
-}
-</script>
-
-<template>
+    radio_change_confirm_type(checked : number) { this.confirm_type_current = checked }
+	}
+}
+</script>
+
+<template>
   <!-- #ifdef APP -->
   <scroll-view style="flex: 1">
   <!-- #endif -->
@@ -86,17 +87,17 @@ export default {
         @focus="textarea_focus"
         style="padding: 10px; border: 1px solid #666;height: 200px"
       />
-    </view>
-    <view class="content">
-      <boolean-data
-        :defaultValue="false"
-        title="键盘弹起时，是否自动上推页面（限非 Web 平台）"
-        @change="change_adjust_position_boolean"
-      ></boolean-data>
-      <boolean-data
-        :defaultValue="false"
-        title="是否自动增高，设置auto-height时，style.height不生效"
-        @change="change_auto_height_boolean"
+    </view>
+    <view class="content">
+      <boolean-data
+        :defaultValue="false"
+        title="键盘弹起时，是否自动上推页面（限非 Web 平台）"
+        @change="change_adjust_position_boolean"
+      ></boolean-data>
+      <boolean-data
+        :defaultValue="false"
+        title="是否自动增高，设置auto-height时，style.height不生效"
+        @change="change_auto_height_boolean"
       ></boolean-data>
       <boolean-data
         :defaultValue="focus_boolean"
@@ -117,12 +118,12 @@ export default {
         :items="confirm_type_list"
         title="confirm-type，设置键盘右下角按钮。（Android仅支持return）"
         @change="radio_change_confirm_type"
-      ></enum-data>
-      <boolean-data
-        :defaultValue="false"
-        title="点击软键盘右下角按钮时是否保持键盘不收起(confirm-type为return时必然不收起)"
-        @change="change_confirm_hold_boolean"
-      ></boolean-data>
+      ></enum-data>
+      <boolean-data
+        :defaultValue="false"
+        title="点击软键盘右下角按钮时是否保持键盘不收起(confirm-type为return时必然不收起)"
+        @change="change_confirm_hold_boolean"
+      ></boolean-data>
       <enum-data
         :items="inputmode_enum"
         title="input-mode，控制软键盘类型。（仅限 Web 平台符合条件的高版本浏览器或webview）。"
@@ -140,25 +141,30 @@ export default {
       ></boolean-data>
       <view style="flex-direction:row;justify-content:center;">
          <textarea id="textarea-height-exception" style="flex:1;border: 1 solid #666;margin: 10px" placeholder="底部textarea测试键盘遮挡"/>
-      </view>
-    </view>
+      </view>
+    </view>
+    <view>同时存在 v-model 和 value</view>
+    <view class="main">
+      <textarea class="list-item both-set-textarea" v-model='defaultModel' value='456'></textarea>
+    </view>
+
   <!-- #ifdef APP -->
   </scroll-view>
-  <!-- #endif -->
-</template>
-
-<style>
-.main {
-  min-height: 100px;
-  padding: 5px 0;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-  flex-direction: row;
+  <!-- #endif -->
+</template>
+
+<style>
+.main {
+  min-height: 100px;
+  padding: 5px 0;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+  flex-direction: row;
   justify-content: center;
-}
-
-.main .list-item {
-  width: 100%;
-  height: 100px;
-  border: 1px solid #666;
-}
-</style>
+}
+
+.main .list-item {
+  width: 100%;
+  height: 100px;
+  border: 1px solid #666;
+}
+</style>