1 files changed, 27 insertions, 0 deletions
diff --git a/browser/components/newtab/test/browser/browser_customize_menu_render.js b/browser/components/newtab/test/browser/browser_customize_menu_render.js
new file mode 100644
index 0000000000..0ed761c181
--- /dev/null
+++ b/browser/components/newtab/test/browser/browser_customize_menu_render.js
@@ -0,0 +1,27 @@
+"use strict";
+
+// Test that the customization menu is rendered.
+test_newtab({
+  test: async function test_render_customizeMenu() {
+    await ContentTaskUtils.waitForCondition(
+      () => content.document.querySelector(".personalize-button"),
+      "Wait for personalize button to load on the newtab page"
+    );
+
+    let defaultPos = "matrix(1, 0, 0, 1, 0, 0)";
+    ok(
+      content.getComputedStyle(
+        content.document.querySelector(".customize-menu")
+      ).transform !== defaultPos,
+      "Customize Menu should be rendered, but not visible"
+    );
+
+    let customizeButton = content.document.querySelector(".personalize-button");
+    customizeButton.click();
+
+    await ContentTaskUtils.waitForCondition(
+      () => content.document.querySelector(".customize-menu"),
+      "Customize Menu should be rendered now"
+    );
+  },
+});