зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1093677, rework form validation tests to work when there is a child process, r=felipe
This commit is contained in:
Родитель
3602131bc9
Коммит
c6d2005868
|
@ -213,7 +213,6 @@ skip-if = e10s # Bug 1093373 - relies on browser.sessionHistory
|
|||
[browser_bug561623.js]
|
||||
skip-if = e10s
|
||||
[browser_bug561636.js]
|
||||
skip-if = e10s # Bug 1093677 - automated form submission from the test doesn't seem to quite work yet
|
||||
[browser_bug562649.js]
|
||||
[browser_bug563588.js]
|
||||
[browser_bug565575.js]
|
||||
|
@ -243,7 +242,6 @@ skip-if = e10s
|
|||
skip-if = e10s # Bug 653065 - Make the lightweight theme web installer ready for e10s
|
||||
[browser_bug594131.js]
|
||||
[browser_bug595507.js]
|
||||
skip-if = e10s # Bug 1093677 - automated form submission from the test doesn't seem to quite work yet
|
||||
[browser_bug596687.js]
|
||||
[browser_bug597218.js]
|
||||
[browser_bug609700.js]
|
||||
|
|
|
@ -14,13 +14,6 @@ function checkPopupHide()
|
|||
"[Test " + testId + "] The invalid form popup should not be shown");
|
||||
}
|
||||
|
||||
function checkPopupMessage(doc)
|
||||
{
|
||||
is(gInvalidFormPopup.firstChild.textContent,
|
||||
doc.getElementById('i').validationMessage,
|
||||
"[Test " + testId + "] The panel should show the message from validationMessage");
|
||||
}
|
||||
|
||||
let gObserver = {
|
||||
QueryInterface : XPCOMUtils.generateQI([Ci.nsIFormSubmitObserver]),
|
||||
|
||||
|
@ -29,9 +22,17 @@ let gObserver = {
|
|||
}
|
||||
};
|
||||
|
||||
var testId = 0;
|
||||
|
||||
function incrementTest()
|
||||
{
|
||||
testId++;
|
||||
info("Starting next part of test");
|
||||
}
|
||||
|
||||
function getDocHeader()
|
||||
{
|
||||
return "data:text/html,<html><head><meta charset='utf-8'></head><body>" + getEmptyFrame();
|
||||
return "<html><head><meta charset='utf-8'></head><body>" + getEmptyFrame();
|
||||
}
|
||||
|
||||
function getDocFooter()
|
||||
|
@ -45,345 +46,253 @@ function getEmptyFrame()
|
|||
"name='t' srcdoc=\"<html><head><meta charset='utf-8'></head><body>form target</body></html>\"></iframe>";
|
||||
}
|
||||
|
||||
var testId = -1;
|
||||
|
||||
function nextTest()
|
||||
function* openNewTab(uri, background)
|
||||
{
|
||||
testId++;
|
||||
if (testId >= tests.length) {
|
||||
finish();
|
||||
return;
|
||||
let tab = gBrowser.addTab();
|
||||
let browser = gBrowser.getBrowserForTab(tab);
|
||||
if (!background) {
|
||||
gBrowser.selectedTab = tab;
|
||||
}
|
||||
executeSoon(tests[testId]);
|
||||
yield promiseTabLoadEvent(tab, "data:text/html," + escape(uri));
|
||||
return browser;
|
||||
}
|
||||
|
||||
function test()
|
||||
function* clickChildElement(browser)
|
||||
{
|
||||
waitForExplicitFinish();
|
||||
waitForFocus(nextTest);
|
||||
yield ContentTask.spawn(browser, {}, function* () {
|
||||
content.document.getElementById('s').click();
|
||||
});
|
||||
}
|
||||
|
||||
var tests = [
|
||||
function* blurChildElement(browser)
|
||||
{
|
||||
yield ContentTask.spawn(browser, {}, function* () {
|
||||
content.document.getElementById('i').blur();
|
||||
});
|
||||
}
|
||||
|
||||
function* checkChildFocus(browser, message)
|
||||
{
|
||||
let [activeElement, validMsg] =
|
||||
yield ContentTask.spawn(browser, message, function* (msg) {
|
||||
var focused = content.document.activeElement == content.document.getElementById('i');
|
||||
|
||||
var validMsg = true;
|
||||
if (msg) {
|
||||
validMsg = (msg == content.document.getElementById('i').validationMessage);
|
||||
}
|
||||
|
||||
return [focused, validMsg];
|
||||
});
|
||||
|
||||
is(activeElement, true, "Test " + testId + " First invalid element should be focused");
|
||||
is(validMsg, true, "Test " + testId + " The panel should show the message from validationMessage");
|
||||
}
|
||||
|
||||
/**
|
||||
* In this test, we check that no popup appears if the form is valid.
|
||||
*/
|
||||
function()
|
||||
add_task(function* ()
|
||||
{
|
||||
incrementTest();
|
||||
let uri = getDocHeader() + "<form target='t' action='data:text/html,'><input><input id='s' type='submit'></form>" + getDocFooter();
|
||||
let tab = gBrowser.addTab();
|
||||
let browser = yield openNewTab(uri);
|
||||
|
||||
tab.linkedBrowser.addEventListener("load", function(aEvent) {
|
||||
tab.linkedBrowser.removeEventListener("load", arguments.callee, true);
|
||||
let doc = gBrowser.contentDocument;
|
||||
|
||||
doc.getElementById('s').click();
|
||||
yield clickChildElement(browser);
|
||||
|
||||
yield new Promise((resolve, reject) => {
|
||||
// XXXndeakin This isn't really going to work when the content is another process
|
||||
executeSoon(function() {
|
||||
checkPopupHide();
|
||||
|
||||
// Clean-up
|
||||
gBrowser.removeTab(gBrowser.selectedTab);
|
||||
nextTest();
|
||||
resolve();
|
||||
});
|
||||
});
|
||||
}, true);
|
||||
|
||||
gBrowser.selectedTab = tab;
|
||||
gBrowser.selectedBrowser.loadURI(uri);
|
||||
},
|
||||
gBrowser.removeCurrentTab();
|
||||
});
|
||||
|
||||
/**
|
||||
* In this test, we check that, when an invalid form is submitted,
|
||||
* the invalid element is focused and a popup appears.
|
||||
*/
|
||||
function()
|
||||
add_task(function* ()
|
||||
{
|
||||
incrementTest();
|
||||
let uri = getDocHeader() + "<form target='t' action='data:text/html,'><input required id='i'><input id='s' type='submit'></form>" + getDocFooter();
|
||||
let tab = gBrowser.addTab();
|
||||
let browser = yield openNewTab(uri);
|
||||
|
||||
gInvalidFormPopup.addEventListener("popupshown", function() {
|
||||
gInvalidFormPopup.removeEventListener("popupshown", arguments.callee, false);
|
||||
|
||||
let doc = gBrowser.contentDocument;
|
||||
is(doc.activeElement, doc.getElementById('i'),
|
||||
"First invalid element should be focused");
|
||||
let popupShownPromise = promiseWaitForEvent(gInvalidFormPopup, "popupshown");
|
||||
yield clickChildElement(browser);
|
||||
yield popupShownPromise;
|
||||
|
||||
checkPopupShow();
|
||||
checkPopupMessage(doc);
|
||||
yield checkChildFocus(browser, gInvalidFormPopup.firstChild.textContent);
|
||||
|
||||
// Clean-up and next test.
|
||||
gBrowser.removeTab(gBrowser.selectedTab);
|
||||
nextTest();
|
||||
}, false);
|
||||
|
||||
tab.linkedBrowser.addEventListener("load", function(aEvent) {
|
||||
tab.linkedBrowser.removeEventListener("load", arguments.callee, true);
|
||||
executeSoon(function() {
|
||||
gBrowser.contentDocument.getElementById('s').click();
|
||||
gBrowser.removeCurrentTab();
|
||||
});
|
||||
}, true);
|
||||
|
||||
gBrowser.selectedTab = tab;
|
||||
gBrowser.selectedBrowser.loadURI(uri);
|
||||
},
|
||||
|
||||
/**
|
||||
* In this test, we check that, when an invalid form is submitted,
|
||||
* the first invalid element is focused and a popup appears.
|
||||
*/
|
||||
function()
|
||||
add_task(function* ()
|
||||
{
|
||||
incrementTest();
|
||||
let uri = getDocHeader() + "<form target='t' action='data:text/html,'><input><input id='i' required><input required><input id='s' type='submit'></form>" + getDocFooter();
|
||||
let tab = gBrowser.addTab();
|
||||
let browser = yield openNewTab(uri);
|
||||
|
||||
gInvalidFormPopup.addEventListener("popupshown", function() {
|
||||
gInvalidFormPopup.removeEventListener("popupshown", arguments.callee, false);
|
||||
|
||||
let doc = gBrowser.contentDocument;
|
||||
is(doc.activeElement, doc.getElementById('i'),
|
||||
"First invalid element should be focused");
|
||||
let popupShownPromise = promiseWaitForEvent(gInvalidFormPopup, "popupshown");
|
||||
yield clickChildElement(browser);
|
||||
yield popupShownPromise;
|
||||
|
||||
checkPopupShow();
|
||||
checkPopupMessage(doc);
|
||||
yield checkChildFocus(browser, gInvalidFormPopup.firstChild.textContent);
|
||||
|
||||
// Clean-up and next test.
|
||||
gBrowser.removeTab(gBrowser.selectedTab);
|
||||
nextTest();
|
||||
}, false);
|
||||
|
||||
tab.linkedBrowser.addEventListener("load", function(aEvent) {
|
||||
tab.linkedBrowser.removeEventListener("load", arguments.callee, true);
|
||||
executeSoon(function() {
|
||||
gBrowser.contentDocument.getElementById('s').click();
|
||||
gBrowser.removeCurrentTab();
|
||||
});
|
||||
}, true);
|
||||
|
||||
gBrowser.selectedTab = tab;
|
||||
gBrowser.selectedBrowser.loadURI(uri);
|
||||
},
|
||||
|
||||
/**
|
||||
* In this test, we check that, we hide the popup by interacting with the
|
||||
* invalid element if the element becomes valid.
|
||||
*/
|
||||
function()
|
||||
add_task(function* ()
|
||||
{
|
||||
incrementTest();
|
||||
let uri = getDocHeader() + "<form target='t' action='data:text/html,'><input id='i' required><input id='s' type='submit'></form>" + getDocFooter();
|
||||
let tab = gBrowser.addTab();
|
||||
let browser = yield openNewTab(uri);
|
||||
|
||||
gInvalidFormPopup.addEventListener("popupshown", function() {
|
||||
gInvalidFormPopup.removeEventListener("popupshown", arguments.callee, false);
|
||||
|
||||
let doc = gBrowser.contentDocument;
|
||||
is(doc.activeElement, doc.getElementById('i'),
|
||||
"First invalid element should be focused");
|
||||
let popupShownPromise = promiseWaitForEvent(gInvalidFormPopup, "popupshown");
|
||||
yield clickChildElement(browser);
|
||||
yield popupShownPromise;
|
||||
|
||||
checkPopupShow();
|
||||
checkPopupMessage(doc);
|
||||
yield checkChildFocus(browser, gInvalidFormPopup.firstChild.textContent);
|
||||
|
||||
let popupHiddenPromise = promiseWaitForEvent(gInvalidFormPopup, "popuphidden");
|
||||
EventUtils.synthesizeKey("a", {});
|
||||
yield popupHiddenPromise;
|
||||
|
||||
executeSoon(function () {
|
||||
checkPopupHide();
|
||||
|
||||
// Clean-up and next test.
|
||||
gBrowser.removeTab(gBrowser.selectedTab);
|
||||
nextTest();
|
||||
gBrowser.removeCurrentTab();
|
||||
});
|
||||
}, false);
|
||||
|
||||
tab.linkedBrowser.addEventListener("load", function(aEvent) {
|
||||
tab.linkedBrowser.removeEventListener("load", arguments.callee, true);
|
||||
executeSoon(function() {
|
||||
gBrowser.contentDocument.getElementById('s').click();
|
||||
});
|
||||
}, true);
|
||||
|
||||
gBrowser.selectedTab = tab;
|
||||
gBrowser.selectedBrowser.loadURI(uri);
|
||||
},
|
||||
|
||||
/**
|
||||
* In this test, we check that, we don't hide the popup by interacting with the
|
||||
* invalid element if the element is still invalid.
|
||||
*/
|
||||
function()
|
||||
add_task(function* ()
|
||||
{
|
||||
incrementTest();
|
||||
let uri = getDocHeader() + "<form target='t' action='data:text/html,'><input type='email' id='i' required><input id='s' type='submit'></form>" + getDocFooter();
|
||||
let tab = gBrowser.addTab();
|
||||
let browser = yield openNewTab(uri);
|
||||
|
||||
gInvalidFormPopup.addEventListener("popupshown", function() {
|
||||
gInvalidFormPopup.removeEventListener("popupshown", arguments.callee, false);
|
||||
|
||||
let doc = gBrowser.contentDocument;
|
||||
is(doc.activeElement, doc.getElementById('i'),
|
||||
"First invalid element should be focused");
|
||||
let popupShownPromise = promiseWaitForEvent(gInvalidFormPopup, "popupshown");
|
||||
yield clickChildElement(browser);
|
||||
yield popupShownPromise;
|
||||
|
||||
checkPopupShow();
|
||||
checkPopupMessage(doc);
|
||||
yield checkChildFocus(browser, gInvalidFormPopup.firstChild.textContent);
|
||||
|
||||
yield new Promise((resolve, reject) => {
|
||||
EventUtils.synthesizeKey("a", {});
|
||||
|
||||
executeSoon(function() {
|
||||
checkPopupShow();
|
||||
|
||||
// Clean-up and next test.
|
||||
gBrowser.removeTab(gBrowser.selectedTab);
|
||||
nextTest();
|
||||
resolve();
|
||||
})
|
||||
});
|
||||
}, false);
|
||||
|
||||
tab.linkedBrowser.addEventListener("load", function(aEvent) {
|
||||
tab.linkedBrowser.removeEventListener("load", arguments.callee, true);
|
||||
executeSoon(function() {
|
||||
gBrowser.contentDocument.getElementById('s').click();
|
||||
gBrowser.removeCurrentTab();
|
||||
});
|
||||
}, true);
|
||||
|
||||
gBrowser.selectedTab = tab;
|
||||
gBrowser.selectedBrowser.loadURI(uri);
|
||||
},
|
||||
|
||||
/**
|
||||
* In this test, we check that we can hide the popup by blurring the invalid
|
||||
* element.
|
||||
*/
|
||||
function()
|
||||
add_task(function* ()
|
||||
{
|
||||
incrementTest();
|
||||
let uri = getDocHeader() + "<form target='t' action='data:text/html,'><input id='i' required><input id='s' type='submit'></form>" + getDocFooter();
|
||||
let tab = gBrowser.addTab();
|
||||
let browser = yield openNewTab(uri);
|
||||
|
||||
gInvalidFormPopup.addEventListener("popupshown", function() {
|
||||
gInvalidFormPopup.removeEventListener("popupshown", arguments.callee, false);
|
||||
|
||||
let doc = gBrowser.contentDocument;
|
||||
is(doc.activeElement, doc.getElementById('i'),
|
||||
"First invalid element should be focused");
|
||||
let popupShownPromise = promiseWaitForEvent(gInvalidFormPopup, "popupshown");
|
||||
yield clickChildElement(browser);
|
||||
yield popupShownPromise;
|
||||
|
||||
checkPopupShow();
|
||||
checkPopupMessage(doc);
|
||||
yield checkChildFocus(browser, gInvalidFormPopup.firstChild.textContent);
|
||||
|
||||
doc.getElementById('i').blur();
|
||||
let popupHiddenPromise = promiseWaitForEvent(gInvalidFormPopup, "popuphidden");
|
||||
yield blurChildElement(browser);
|
||||
yield popupHiddenPromise;
|
||||
|
||||
executeSoon(function () {
|
||||
checkPopupHide();
|
||||
|
||||
// Clean-up and next test.
|
||||
gBrowser.removeTab(gBrowser.selectedTab);
|
||||
nextTest();
|
||||
gBrowser.removeCurrentTab();
|
||||
});
|
||||
}, false);
|
||||
|
||||
tab.linkedBrowser.addEventListener("load", function(aEvent) {
|
||||
tab.linkedBrowser.removeEventListener("load", arguments.callee, true);
|
||||
executeSoon(function() {
|
||||
gBrowser.contentDocument.getElementById('s').click();
|
||||
});
|
||||
}, true);
|
||||
|
||||
gBrowser.selectedTab = tab;
|
||||
gBrowser.selectedBrowser.loadURI(uri);
|
||||
},
|
||||
|
||||
/**
|
||||
* In this test, we check that we can hide the popup by pressing TAB.
|
||||
*/
|
||||
function()
|
||||
add_task(function* ()
|
||||
{
|
||||
incrementTest();
|
||||
let uri = getDocHeader() + "<form target='t' action='data:text/html,'><input id='i' required><input id='s' type='submit'></form>" + getDocFooter();
|
||||
let tab = gBrowser.addTab();
|
||||
let browser = yield openNewTab(uri);
|
||||
|
||||
gInvalidFormPopup.addEventListener("popupshown", function() {
|
||||
gInvalidFormPopup.removeEventListener("popupshown", arguments.callee, false);
|
||||
|
||||
let doc = gBrowser.contentDocument;
|
||||
is(doc.activeElement, doc.getElementById('i'),
|
||||
"First invalid element should be focused");
|
||||
let popupShownPromise = promiseWaitForEvent(gInvalidFormPopup, "popupshown");
|
||||
yield clickChildElement(browser);
|
||||
yield popupShownPromise;
|
||||
|
||||
checkPopupShow();
|
||||
checkPopupMessage(doc);
|
||||
yield checkChildFocus(browser, gInvalidFormPopup.firstChild.textContent);
|
||||
|
||||
let popupHiddenPromise = promiseWaitForEvent(gInvalidFormPopup, "popuphidden");
|
||||
EventUtils.synthesizeKey("VK_TAB", {});
|
||||
yield popupHiddenPromise;
|
||||
|
||||
executeSoon(function () {
|
||||
checkPopupHide();
|
||||
|
||||
// Clean-up and next test.
|
||||
gBrowser.removeTab(gBrowser.selectedTab);
|
||||
nextTest();
|
||||
gBrowser.removeCurrentTab();
|
||||
});
|
||||
}, false);
|
||||
|
||||
tab.linkedBrowser.addEventListener("load", function(aEvent) {
|
||||
tab.linkedBrowser.removeEventListener("load", arguments.callee, true);
|
||||
executeSoon(function() {
|
||||
gBrowser.contentDocument.getElementById('s').click();
|
||||
});
|
||||
}, true);
|
||||
|
||||
gBrowser.selectedTab = tab;
|
||||
gBrowser.selectedBrowser.loadURI(uri);
|
||||
},
|
||||
|
||||
/**
|
||||
* In this test, we check that the popup will hide if we move to another tab.
|
||||
*/
|
||||
function()
|
||||
add_task(function* ()
|
||||
{
|
||||
incrementTest();
|
||||
let uri = getDocHeader() + "<form target='t' action='data:text/html,'><input id='i' required><input id='s' type='submit'></form>" + getDocFooter();
|
||||
let tab = gBrowser.addTab();
|
||||
let browser1 = yield openNewTab(uri);
|
||||
|
||||
gInvalidFormPopup.addEventListener("popupshown", function() {
|
||||
gInvalidFormPopup.removeEventListener("popupshown", arguments.callee, false);
|
||||
|
||||
let doc = gBrowser.contentDocument;
|
||||
is(doc.activeElement, doc.getElementById('i'),
|
||||
"First invalid element should be focused");
|
||||
let popupShownPromise = promiseWaitForEvent(gInvalidFormPopup, "popupshown");
|
||||
yield clickChildElement(browser1);
|
||||
yield popupShownPromise;
|
||||
|
||||
checkPopupShow();
|
||||
checkPopupMessage(doc);
|
||||
yield checkChildFocus(browser1, gInvalidFormPopup.firstChild.textContent);
|
||||
|
||||
// Create a new tab and move to it.
|
||||
gBrowser.selectedTab = gBrowser.addTab("about:blank", {skipAnimation: true});
|
||||
let popupHiddenPromise = promiseWaitForEvent(gInvalidFormPopup, "popuphidden");
|
||||
|
||||
executeSoon(function() {
|
||||
checkPopupHide();
|
||||
let browser2 = yield openNewTab("data:text/html,<html></html>");
|
||||
yield popupHiddenPromise;
|
||||
|
||||
// Clean-up and next test.
|
||||
gBrowser.removeTab(gBrowser.selectedTab);
|
||||
gBrowser.removeTab(gBrowser.selectedTab);
|
||||
nextTest();
|
||||
gBrowser.removeTab(gBrowser.getTabForBrowser(browser1));
|
||||
gBrowser.removeTab(gBrowser.getTabForBrowser(browser2));
|
||||
});
|
||||
}, false);
|
||||
|
||||
tab.linkedBrowser.addEventListener("load", function(aEvent) {
|
||||
tab.linkedBrowser.removeEventListener("load", arguments.callee, true);
|
||||
executeSoon(function() {
|
||||
gBrowser.contentDocument.getElementById('s').click();
|
||||
});
|
||||
}, true);
|
||||
|
||||
gBrowser.selectedTab = tab;
|
||||
gBrowser.selectedBrowser.loadURI(uri);
|
||||
},
|
||||
|
||||
/**
|
||||
* In this test, we check that nothing happen if the invalid form is
|
||||
* submitted in a background tab.
|
||||
*/
|
||||
|
||||
function()
|
||||
add_task(function* ()
|
||||
{
|
||||
// Observers don't propagate currently across processes. We may add support for this in the
|
||||
// future via the addon compat layer.
|
||||
if (gBrowser.isRemoteBrowser) {
|
||||
nextTest();
|
||||
if (gMultiProcessBrowser) {
|
||||
return;
|
||||
}
|
||||
|
||||
incrementTest();
|
||||
let uri = getDocHeader() + "<form target='t' action='data:text/html,'><input id='i' required><input id='s' type='submit'></form>" + getDocFooter();
|
||||
let tab = gBrowser.addTab();
|
||||
let browser = yield openNewTab(uri, true);
|
||||
isnot(gBrowser.selectedBrowser, browser, "This tab should have been loaded in background");
|
||||
|
||||
let notifierPromise = new Promise((resolve, reject) => {
|
||||
gObserver.notifyInvalidSubmit = function() {
|
||||
executeSoon(function() {
|
||||
checkPopupHide();
|
||||
|
@ -391,114 +300,73 @@ function()
|
|||
// Clean-up
|
||||
Services.obs.removeObserver(gObserver, "invalidformsubmit");
|
||||
gObserver.notifyInvalidSubmit = function () {};
|
||||
gBrowser.removeTab(tab);
|
||||
|
||||
nextTest();
|
||||
resolve();
|
||||
});
|
||||
};
|
||||
|
||||
Services.obs.addObserver(gObserver, "invalidformsubmit", false);
|
||||
|
||||
tab.linkedBrowser.addEventListener("load", function(e) {
|
||||
// Ignore load events from the iframe.
|
||||
if (tab.linkedBrowser.contentDocument == e.target) {
|
||||
let browser = e.currentTarget;
|
||||
browser.removeEventListener("load", arguments.callee, true);
|
||||
|
||||
isnot(gBrowser.selectedBrowser, browser,
|
||||
"This tab should have been loaded in background");
|
||||
executeSoon(function () {
|
||||
browser.contentDocument.getElementById('s').click();
|
||||
});
|
||||
}
|
||||
}, true);
|
||||
});
|
||||
|
||||
tab.linkedBrowser.loadURI(uri);
|
||||
},
|
||||
yield notifierPromise;
|
||||
|
||||
gBrowser.removeTab(gBrowser.getTabForBrowser(browser));
|
||||
});
|
||||
|
||||
/**
|
||||
* In this test, we check that the author defined error message is shown.
|
||||
*/
|
||||
function()
|
||||
add_task(function* ()
|
||||
{
|
||||
incrementTest();
|
||||
let uri = getDocHeader() + "<form target='t' action='data:text/html,'><input x-moz-errormessage='foo' required id='i'><input id='s' type='submit'></form>" + getDocFooter();
|
||||
let tab = gBrowser.addTab();
|
||||
let browser = yield openNewTab(uri);
|
||||
|
||||
gInvalidFormPopup.addEventListener("popupshown", function() {
|
||||
gInvalidFormPopup.removeEventListener("popupshown", arguments.callee, false);
|
||||
|
||||
let doc = gBrowser.contentDocument;
|
||||
is(doc.activeElement, doc.getElementById('i'),
|
||||
"First invalid element should be focused");
|
||||
let popupShownPromise = promiseWaitForEvent(gInvalidFormPopup, "popupshown");
|
||||
yield clickChildElement(browser);
|
||||
yield popupShownPromise;
|
||||
|
||||
checkPopupShow();
|
||||
yield checkChildFocus(browser, gInvalidFormPopup.firstChild.textContent);
|
||||
|
||||
is(gInvalidFormPopup.firstChild.textContent, "foo",
|
||||
"The panel should show the author defined error message");
|
||||
|
||||
// Clean-up and next test.
|
||||
gBrowser.removeTab(gBrowser.selectedTab);
|
||||
nextTest();
|
||||
}, false);
|
||||
|
||||
tab.linkedBrowser.addEventListener("load", function(aEvent) {
|
||||
tab.linkedBrowser.removeEventListener("load", arguments.callee, true);
|
||||
executeSoon(function() {
|
||||
gBrowser.contentDocument.getElementById('s').click();
|
||||
gBrowser.removeCurrentTab();
|
||||
});
|
||||
}, true);
|
||||
|
||||
gBrowser.selectedTab = tab;
|
||||
gBrowser.selectedBrowser.loadURI(uri);
|
||||
},
|
||||
|
||||
/**
|
||||
* In this test, we check that the message is correctly updated when it changes.
|
||||
*/
|
||||
function()
|
||||
add_task(function* ()
|
||||
{
|
||||
incrementTest();
|
||||
let uri = getDocHeader() + "<form target='t' action='data:text/html,'><input type='email' required id='i'><input id='s' type='submit'></form>" + getDocFooter();
|
||||
let tab = gBrowser.addTab();
|
||||
let browser = yield openNewTab(uri);
|
||||
|
||||
gInvalidFormPopup.addEventListener("popupshown", function() {
|
||||
gInvalidFormPopup.removeEventListener("popupshown", arguments.callee, false);
|
||||
|
||||
let doc = gBrowser.contentDocument;
|
||||
let input = doc.getElementById('i');
|
||||
is(doc.activeElement, input, "First invalid element should be focused");
|
||||
let popupShownPromise = promiseWaitForEvent(gInvalidFormPopup, "popupshown");
|
||||
yield clickChildElement(browser);
|
||||
yield popupShownPromise;
|
||||
|
||||
checkPopupShow();
|
||||
yield checkChildFocus(browser, gInvalidFormPopup.firstChild.textContent);
|
||||
|
||||
is(gInvalidFormPopup.firstChild.textContent, input.validationMessage,
|
||||
"The panel should show the current validation message");
|
||||
let inputPromise = promiseWaitForEvent(gBrowser.contentDocument.getElementById('i'), "input");
|
||||
EventUtils.synthesizeKey('f', {});
|
||||
yield inputPromise;
|
||||
|
||||
input.addEventListener('input', function() {
|
||||
input.removeEventListener('input', arguments.callee, false);
|
||||
|
||||
executeSoon(function() {
|
||||
// Now, the element suffers from another error, the message should have
|
||||
// been updated.
|
||||
is(gInvalidFormPopup.firstChild.textContent, input.validationMessage,
|
||||
"The panel should show the current validation message");
|
||||
|
||||
// Clean-up and next test.
|
||||
gBrowser.removeTab(gBrowser.selectedTab);
|
||||
nextTest();
|
||||
});
|
||||
}, false);
|
||||
|
||||
EventUtils.synthesizeKey('f', {});
|
||||
}, false);
|
||||
|
||||
tab.linkedBrowser.addEventListener("load", function(aEvent) {
|
||||
tab.linkedBrowser.removeEventListener("load", arguments.callee, true);
|
||||
yield new Promise((resolve, reject) => {
|
||||
// XXXndeakin This isn't really going to work when the content is another process
|
||||
executeSoon(function() {
|
||||
gBrowser.contentDocument.getElementById('s').click();
|
||||
checkChildFocus(browser, gInvalidFormPopup.firstChild.textContent);
|
||||
resolve();
|
||||
});
|
||||
});
|
||||
}, true);
|
||||
|
||||
gBrowser.selectedTab = tab;
|
||||
gBrowser.selectedBrowser.loadURI(uri);
|
||||
},
|
||||
|
||||
];
|
||||
gBrowser.removeCurrentTab();
|
||||
});
|
||||
|
|
|
@ -1,40 +1,36 @@
|
|||
/**
|
||||
* Make sure that the form validation error message shows even if the form is in an iframe.
|
||||
*/
|
||||
add_task(function* () {
|
||||
let uri = "<iframe src=\"data:text/html,<iframe name='t'></iframe><form target='t' action='data:text/html,'><input required id='i'><input id='s' type='submit'></form>\"</iframe>";
|
||||
|
||||
var gInvalidFormPopup = document.getElementById('invalid-form-popup');
|
||||
ok(gInvalidFormPopup,
|
||||
"The browser should have a popup to show when a form is invalid");
|
||||
|
||||
/**
|
||||
* Make sure that the form validation error message shows even if the form is in an iframe.
|
||||
*/
|
||||
function test()
|
||||
{
|
||||
waitForExplicitFinish();
|
||||
|
||||
let uri = "data:text/html,<iframe src=\"data:text/html,<iframe name='t'></iframe><form target='t' action='data:text/html,'><input required id='i'><input id='s' type='submit'></form>\"</iframe>";
|
||||
let tab = gBrowser.addTab();
|
||||
let browser = gBrowser.getBrowserForTab(tab);
|
||||
gBrowser.selectedTab = tab;
|
||||
|
||||
gInvalidFormPopup.addEventListener("popupshown", function() {
|
||||
gInvalidFormPopup.removeEventListener("popupshown", arguments.callee, false);
|
||||
yield promiseTabLoadEvent(tab, "data:text/html," + escape(uri));
|
||||
|
||||
let doc = gBrowser.contentDocument.getElementsByTagName('iframe')[0].contentDocument;
|
||||
is(doc.activeElement, doc.getElementById('i'),
|
||||
"First invalid element should be focused");
|
||||
let popupShownPromise = promiseWaitForEvent(gInvalidFormPopup, "popupshown");
|
||||
|
||||
yield ContentTask.spawn(browser, {}, function* () {
|
||||
content.document.getElementsByTagName('iframe')[0]
|
||||
.contentDocument.getElementById('s').click();
|
||||
});
|
||||
yield popupShownPromise;
|
||||
|
||||
let activeElement = yield ContentTask.spawn(browser, {}, function* () {
|
||||
let childdoc = content.document.getElementsByTagName('iframe')[0].contentDocument;
|
||||
return childdoc.activeElement == childdoc.getElementById('i');
|
||||
});
|
||||
is(activeElement, true, "First invalid element should be focused");
|
||||
|
||||
ok(gInvalidFormPopup.state == 'showing' || gInvalidFormPopup.state == 'open',
|
||||
"The invalid form popup should be shown");
|
||||
|
||||
// Clean-up and next test.
|
||||
gBrowser.removeTab(gBrowser.selectedTab, {animate: false});
|
||||
executeSoon(finish);
|
||||
}, false);
|
||||
|
||||
tab.linkedBrowser.addEventListener("load", function(aEvent) {
|
||||
tab.linkedBrowser.removeEventListener("load", arguments.callee, true);
|
||||
executeSoon(function() {
|
||||
gBrowser.contentDocument.getElementsByTagName('iframe')[0].contentDocument
|
||||
.getElementById('s').click();
|
||||
gBrowser.removeCurrentTab();
|
||||
});
|
||||
}, true);
|
||||
|
||||
gBrowser.selectedTab = tab;
|
||||
gBrowser.selectedBrowser.loadURI(uri);
|
||||
}
|
||||
|
|
Загрузка…
Ссылка в новой задаче