diff --git a/layout/style/test/mochitest.ini b/layout/style/test/mochitest.ini
index dfb2a280526c..992f3ec35105 100644
--- a/layout/style/test/mochitest.ini
+++ b/layout/style/test/mochitest.ini
@@ -254,6 +254,7 @@ skip-if = android_version == '18' #debug-only failure; timed out #Android 4.3 aw
 [test_redundant_font_download.html]
 support-files = redundant_font_download.sjs
 [test_rem_unit.html]
+[test_restyle_table_wrapper.html]
 [test_restyles_in_smil_animation.html]
 skip-if = toolkit == 'android' # bug 1328522
 [test_root_node_display.html]
diff --git a/layout/style/test/test_restyle_table_wrapper.html b/layout/style/test/test_restyle_table_wrapper.html
new file mode 100644
index 000000000000..d8049b142ef8
--- /dev/null
+++ b/layout/style/test/test_restyle_table_wrapper.html
@@ -0,0 +1,33 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>
+  Test for bug 1371955: We don't incorrectly think that a table wrapper style
+  is the main table element style.
+</title>
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<script src="/tests/SimpleTest/SimpleTest.js"></script>
+<style>
+/* Test implicitly ::before and ::after too */
+span::before, span::after {
+  content: "";
+  display: table;
+}
+</style>
+<table id="realTable" style="margin: 10px"></table>
+<span id="spanTable" style="display: table; padding: 10px;"></span>
+<script>
+SimpleTest.waitForExplicitFinish();
+const utils = SpecialPowers.getDOMWindowUtils(window);
+document.documentElement.offsetTop;
+for (const element of [realTable, spanTable]) {
+  const previousReflowCount = utils.framesReflowed;
+  const previousRestyleGeneration = utils.restyleGeneration;
+  element.style.color = "blue";
+  document.documentElement.offsetTop;
+  isnot(previousRestyleGeneration, utils.restyleGeneration,
+        "We should have restyled");
+  is(previousReflowCount, utils.framesReflowed,
+     "We shouldn't have reflowed");
+}
+SimpleTest.finish();
+</script>
