From d33f1df91e53fd11eb29de53593cae28dbe5c30a Mon Sep 17 00:00:00 2001
From: xinming <xinming.lxj@antfin.com>
Date: Tue, 5 Jan 2021 21:05:46 +0800
Subject: [PATCH] =?UTF-8?q?test:=20=E8=A1=A5=E5=85=85=E6=B7=BB=E5=8A=A0=20?=
 =?UTF-8?q?zIndexReversed=20=E5=8F=82=E6=95=B0=E5=90=8E=E7=9A=84=E5=8D=95?=
 =?UTF-8?q?=E6=B5=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 tests/unit/geometry/base-spec.ts | 32 ++++++++++++++++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)

diff --git a/tests/unit/geometry/base-spec.ts b/tests/unit/geometry/base-spec.ts
index 282b0612f7..9f9cacf2ef 100644
--- a/tests/unit/geometry/base-spec.ts
+++ b/tests/unit/geometry/base-spec.ts
@@ -812,7 +812,7 @@ describe('Geometry', () => {
             r: 4,
           },
         });
-      }
+      },
     });
 
     const chart = new Chart({
@@ -875,7 +875,7 @@ describe('Geometry', () => {
     geometry.animate({
       update: {
         callback: fn,
-      }
+      },
     });
     geometry.once(GEOMETRY_LIFE_CIRCLE.BEFORE_DRAW_ANIMATE, () => beforFn(3));
     geometry.once(GEOMETRY_LIFE_CIRCLE.AFTER_DRAW_ANIMATE, () => afterFn(3));
@@ -889,4 +889,32 @@ describe('Geometry', () => {
     expect(afterFn).toBeCalledWith(3);
     expect(fn).toBeCalled();
   });
+
+  it('geometry elements set zIndexReversed', () => {
+    const data = [
+      { year: '1991', value: 15468 },
+      { year: '1992', value: 16100 },
+      { year: '1993', value: 15900 },
+      { year: '1998', value: 32040 },
+    ];
+
+    const chart = new Chart({
+      container: createDiv(),
+      width: 500,
+      height: 400,
+    });
+
+    chart.data(data);
+    const geometry = chart.interval({ zIndexReversed: true }).position('year*valye');
+    chart.render();
+    // @ts-ignore
+    expect(geometry.zIndexReversed).toBe(true);
+    expect(geometry.elements[0].shape.get('zIndex')).toBeGreaterThan(geometry.elements[1].shape.get('zIndex'));
+
+    const geometry1 = chart.interval({ zIndexReversed: false }).position('year*valye');
+    chart.render();
+    // @ts-ignore
+    expect(geometry1.zIndexReversed).toBe(false);
+    expect(geometry1.elements[0].shape.get('zIndex')).not.toBeGreaterThan(geometry1.elements[1].shape.get('zIndex'));
+  });
 });