From 5777762249d590035c0ea6ac2be3503e2c660f21 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Thu, 8 Aug 2019 20:00:22 +0800
Subject: [PATCH] [improvement] Divider: add separator role to improve
 accessibility (#4069)

---
 src/divider/index.tsx                            |  1 +
 src/divider/test/__snapshots__/demo.spec.js.snap | 12 ++++++------
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/divider/index.tsx b/src/divider/index.tsx
index 26b7271c1..d3756bce0 100644
--- a/src/divider/index.tsx
+++ b/src/divider/index.tsx
@@ -22,6 +22,7 @@ function Divider(
 ) {
   return (
     <div
+      role="separator"
       style={{ borderColor: props.borderColor }}
       class={bem({
         dashed: props.dashed,
diff --git a/src/divider/test/__snapshots__/demo.spec.js.snap b/src/divider/test/__snapshots__/demo.spec.js.snap
index e8f11cfa7..1ea4ff2d6 100644
--- a/src/divider/test/__snapshots__/demo.spec.js.snap
+++ b/src/divider/test/__snapshots__/demo.spec.js.snap
@@ -3,28 +3,28 @@
 exports[`renders demo correctly 1`] = `
 <div>
   <div>
-    <div class="van-divider van-divider--hairline"></div>
+    <div role="separator" class="van-divider van-divider--hairline"></div>
   </div>
   <div>
-    <div class="van-divider van-divider--hairline van-divider--content-center">
+    <div role="separator" class="van-divider van-divider--hairline van-divider--content-center">
       文本
     </div>
   </div>
   <div>
-    <div class="van-divider van-divider--hairline van-divider--content-left">
+    <div role="separator" class="van-divider van-divider--hairline van-divider--content-left">
       文本
     </div>
-    <div class="van-divider van-divider--hairline van-divider--content-right">
+    <div role="separator" class="van-divider van-divider--hairline van-divider--content-right">
       文本
     </div>
   </div>
   <div>
-    <div class="van-divider van-divider--dashed van-divider--content-center">
+    <div role="separator" class="van-divider van-divider--dashed van-divider--content-center">
       文本
     </div>
   </div>
   <div>
-    <div class="van-divider van-divider--hairline van-divider--content-center" style="border-color: #1989fa; color: rgb(25, 137, 250); padding: 0px 16px;">
+    <div role="separator" class="van-divider van-divider--hairline van-divider--content-center" style="border-color: #1989fa; color: rgb(25, 137, 250); padding: 0px 16px;">
       文本
     </div>
   </div>