diff --git a/test/axisLabel-color-inherit.html b/test/axisLabel-color-inherit.html
new file mode 100644
index 0000000000..a6dda2db42
--- /dev/null
+++ b/test/axisLabel-color-inherit.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Axis label color inherit from axisLine</title>
+  <script src="../../dist/echarts.js"></script>
+</head>
+<body>
+  <div id="main" style="width: 600px; height: 400px;"></div>
+
+  <script>
+    var chart = echarts.init(document.getElementById('main'));
+
+    chart.setOption({
+      tooltip: {
+        trigger: 'axis',
+        axisPointer: {
+          type: 'line'
+        }
+      },
+      xAxis: {
+        type: 'category',
+        axisLine: {
+          lineStyle: {
+            color: 'red'
+          }
+        },
+        data: ['A', 'B', 'C', 'D']
+      },
+      yAxis: {
+        type: 'value'
+      },
+      series: [{
+        type: 'line',
+        data: [10, 20, 30, 40]
+      }]
+    });
+  </script>
+</body>
+</html>
+
+// According to documentation, axisLabel.color and axisPointer.label.backgroundColor
+// should inherit axisLine.lineStyle.color by default.
+// Currently, they do not.
diff --git a/test/axisPointer-cross-shadow.html b/test/axisPointer-cross-shadow.html
new file mode 100644
index 0000000000..f0a87d3820
--- /dev/null
+++ b/test/axisPointer-cross-shadow.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>AxisPointer: cross + shadow</title>
+    <script src="../../dist/echarts.js"></script>
+</head>
+
+<body>
+    <div id="main" style="width: 800px; height: 500px;"></div>
+
+    <script>
+        var chart = echarts.init(document.getElementById('main'));
+
+        chart.setOption({
+            tooltip: {
+                trigger: 'axis',
+                axisPointer: {
+                    type: 'cross'
+                    // Current behavior:
+                    // - Only crosshair lines are shown
+                    // - Shadow background is NOT rendered
+                    //
+                    // Expected behavior (discussion pending):
+                    // - Crosshair lines + shadow background together
+                }
+            },
+            xAxis: {
+                type: 'category',
+                axisPointer: {
+                    type: 'shadow'
+                },
+                data: ['A', 'B', 'C', 'D']
+            },
+            yAxis: {
+                type: 'value'
+            },
+            series: [{
+                type: 'bar',
+                data: [10, 20, 30, 40]
+            }]
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
