From 2b9c30f906bdcb99d7c0f98b5656e5baa97a43b3 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Mon, 25 Feb 2019 19:33:48 +0800
Subject: [PATCH] [bugfix] Actionsheet: lazy-render not work (#2840)

---
 packages/actionsheet/index.tsx                    |  1 +
 .../test/__snapshots__/index.spec.js.snap         |  8 ++++++++
 packages/actionsheet/test/index.spec.js           | 15 +++++++++++++++
 3 files changed, 24 insertions(+)

diff --git a/packages/actionsheet/index.tsx b/packages/actionsheet/index.tsx
index 4259b728b..e0bac3c54 100644
--- a/packages/actionsheet/index.tsx
+++ b/packages/actionsheet/index.tsx
@@ -91,6 +91,7 @@ function Actionsheet(
       value={props.value}
       position="bottom"
       overlay={props.overlay}
+      lazyRender={props.lazyRender}
       closeOnClickOverlay={props.closeOnClickOverlay}
       onInput={(value: boolean) => {
         emit(ctx, 'input', value);
diff --git a/packages/actionsheet/test/__snapshots__/index.spec.js.snap b/packages/actionsheet/test/__snapshots__/index.spec.js.snap
index 6c38c7b27..a4e037f05 100644
--- a/packages/actionsheet/test/__snapshots__/index.spec.js.snap
+++ b/packages/actionsheet/test/__snapshots__/index.spec.js.snap
@@ -7,3 +7,11 @@ exports[`callback events 1`] = `
   <div class="van-actionsheet__cancel">Cancel</div>
 </div>
 `;
+
+exports[`disable lazy-render 1`] = `
+<div class="van-popup van-popup--bottom van-actionsheet" style="display: none;" name="van-popup-slide-bottom">
+  <div class="van-actionsheet__item van-hairline--top"><span class="van-actionsheet__name">Option</span></div>
+  <div class="van-actionsheet__item van-hairline--top"><span class="van-actionsheet__name">Option</span></div>
+  <div class="van-actionsheet__cancel">Cancel</div>
+</div>
+`;
diff --git a/packages/actionsheet/test/index.spec.js b/packages/actionsheet/test/index.spec.js
index e3b5933d7..dcb7e8c06 100644
--- a/packages/actionsheet/test/index.spec.js
+++ b/packages/actionsheet/test/index.spec.js
@@ -37,3 +37,18 @@ test('callback events', () => {
   expect(onSelect.mock.calls[0][1]).toBeFalsy();
   expect(wrapper).toMatchSnapshot();
 });
+
+test('disable lazy-render', () => {
+  const wrapper = mount(Actionsheet, {
+    propsData: {
+      lazyRender: false,
+      actions: [
+        { name: 'Option' },
+        { name: 'Option' }
+      ],
+      cancelText: 'Cancel'
+    }
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});