Adding a domEqual assertion to our testsuite for more sane DOM

comparisons. Comparing innerHTML is too dependent on random browser
quirks like IE only sometimes rendering closing tags.

1 files changed, 3 insertions, 7 deletions

diff --git a/tests/unit/menu/menu_methods.js b/tests/unit/menu/menu_methods.js
index b6ebaf215..0ecaf7328 100644
--- a/tests/unit/menu/menu_methods.js
+++ b/tests/unit/menu/menu_methods.js
@@ -6,13 +6,9 @@
 module("menu: methods");
 
 test("destroy", function() {
-	var beforeHtml = $("#menu1").find("div").css("font-style", "normal").end().parent().html();
-	var afterHtml = $("#menu1").menu().menu("destroy").parent().html();
-	// Opera 9 outputs role="" instead of removing the attribute like everyone else
-	if ($.browser.opera) {
-		afterHtml = afterHtml.replace(/ role=""/g, "");
-	}
-	equal( afterHtml, beforeHtml );
+	domEqual("#menu1", function() {
+		$("#menu1").menu().menu("destroy");
+	});
 });