Adding support for testing of transparent file upload elements

jimevans · jimevans · commit 18a2092eacd8 · 2015-04-08T18:23:18.000-04:00
diff --git a/common/src/web/transparentUpload.html b/common/src/web/transparentUpload.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Upload Form</title>
+  <style>
+    .fileUpload {
+      position: relative;
+      overflow: hidden;
+      margin: 10px;
+	  background-color: #FFFFFF;
+      width: 50px;
+      text-align: center;
+    }
+    .fileUpload input.upload {
+      position: absolute;
+      top: 0;
+      right: 0;
+      margin: 0;
+      padding: 0;
+      font-size: 20px;
+      cursor: pointer;
+      opacity: 0;
+      filter: alpha(opacity=0);
+      height: 100%;
+      text-align: center;
+    }
+  </style>
+  <script>
+      var intervalId;
+      function onTick() {
+          var label = document.getElementById('upload_label');
+          label.innerHTML += '.';
+      }
+
+      function onUploadSubmit() {
+          document.getElementById('upload_target').contentWindow.document.body.
+          innerHTML = '';
+          var label = document.getElementById('upload_label');
+          label.innerHTML = 'Uploading "' + document.forms[0].upload.value + '"';
+          label.style.display = '';
+          intervalId = window.setInterval(onTick, 500);
+          return true;
+      }
+
+      function onUploadDone() {
+          var label = document.getElementById('upload_label');
+          label.style.display = 'none';
+          window.clearInterval(intervalId);
+          return true;
+      }
+  </script>
+</head>
+<body>
+<form action="/common/upload" method="post" name="upload_form"
+      target="upload_target" enctype="multipart/form-data"
+      onsubmit="onUploadSubmit();">
+  <div>
+    <div class="fileUpload">
+      <span>Upload</span>
+      <input id="upload" name="upload" type="file" class="upload" />
+    </div>
+    <div><input id="go" type="submit" value="Go!"/></div>
+  </div>
+  <div id="upload_label" style="display:none"></div>
+  <iframe src="" id="upload_target" name="upload_target"
+          style="width:300px;height:200px">
+  </iframe>
+</form>
+</body>
+</html>
diff --git a/dotnet/test/common/DriverTestFixture.cs b/dotnet/test/common/DriverTestFixture.cs
@@ -44,6 +44,7 @@ public abstract class DriverTestFixture
         public string rectanglesPage = EnvironmentManager.Instance.UrlBuilder.WhereIs("rectangles.html");
         public string javascriptEnhancedForm = EnvironmentManager.Instance.UrlBuilder.WhereIs("javascriptEnhancedForm.html");
         public string uploadPage = EnvironmentManager.Instance.UrlBuilder.WhereIs("upload.html");
+        public string transparentUploadPage = EnvironmentManager.Instance.UrlBuilder.WhereIs("transparentUpload.html");
         public string childPage = EnvironmentManager.Instance.UrlBuilder.WhereIs("child/childPage.html");
         public string grandchildPage = EnvironmentManager.Instance.UrlBuilder.WhereIs("child/grandchild/grandchildPage.html");
         public string documentWrite = EnvironmentManager.Instance.UrlBuilder.WhereElseIs("document_write_in_onload.html");
diff --git a/dotnet/test/common/UploadTest.cs b/dotnet/test/common/UploadTest.cs
@@ -12,13 +12,13 @@ public class UploadTest : DriverTestFixture
         private const string FileHtml = "<div>" + LoremIpsumText + "</div>";
         private System.IO.FileInfo testFile;
 
-        [SetUp]
+        [TestFixtureSetUp]
         public void Setup()
         {
             CreateTempFile(FileHtml);
         }
 
-        [TearDown]
+        [TestFixtureTearDown]
         public void Teardown()
         {
             if (testFile != null && testFile.Exists)
@@ -40,6 +40,24 @@ public void ShouldAllowFileUploading()
 
             IWebElement body = driver.FindElement(By.XPath("//body"));
             Assert.IsTrue(LoremIpsumText == body.Text, "Page source is: " + driver.PageSource);
+            driver.Url = "about:blank";
+        }
+
+        [Test]
+        [Category("Javascript")]
+        [IgnoreBrowser(Browser.WindowsPhone, "Does not yet support file uploads")]
+        [IgnoreBrowser(Browser.IE, "Transparent file upload element not yet handled")]
+        public void ShouldAllowFileUploadingUsingTransparentUploadElement()
+        {
+            driver.Url = transparentUploadPage;
+            driver.FindElement(By.Id("upload")).SendKeys(testFile.FullName);
+            driver.FindElement(By.Id("go")).Submit();
+
+            driver.SwitchTo().Frame("upload_target");
+
+            IWebElement body = driver.FindElement(By.XPath("//body"));
+            Assert.IsTrue(LoremIpsumText == body.Text, "Page source is: " + driver.PageSource);
+            driver.Url = "about:blank";
         }
 
         private void CreateTempFile(string content)
