summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/semantics/forms/the-input-element/files.html
blob: 43ebd71906a2f6685ad943cb8e4b1185c8360bc6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!doctype html>
<meta charset=utf-8>
<title>HTMLInputElement#files</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id=log></div>
<script>
var types = [
  "hidden",
  "text",
  "search",
  "tel",
  "url",
  "email",
  "password",
  "date",
  "month",
  "week",
  "time",
  "datetime-local",
  "number",
  "range",
  "color",
  "checkbox",
  "radio",
  "submit",
  "image",
  "reset",
  "button",
];

types.forEach(function(type) {
  test(function() {
    const input = document.createElement("input"),
          input2 = document.createElement("input");
    input.type = type;
    input2.type = "file";
    assert_equals(input.files, null, "files should be null");

    input.files = input2.files;
    assert_equals(input.files, null, "files should remain null as it cannot be set when it does not apply");
  }, "files for input type=" + type);
});

test(function() {
  var input = document.createElement("input");
  input.type = "file";
  assert_not_equals(input.files, null);
  assert_true(input.files instanceof FileList, "files should be a FileList");
  var files = input.files;
  assert_equals(input.files, files, "files should return the same object");
}, "files for input type=file");

test(() => {
  const i1 = document.createElement("input"),
        i2 = document.createElement("input");
  i1.type = "file";
  i2.type = "file";

  const files = i2.files;
  i1.files = i2.files;
  assert_equals(i1.files, files, "FileList should not be copied");
  assert_equals(i2.files, files, "FileList can be shared across input elements");

  i1.files = null;
  assert_equals(i1.files, files, "files cannot be set to null");

  assert_throws_js(TypeError, () => i1.files = [], "files cannot be set to an array");
  assert_throws_js(TypeError, () => i1.files = [new File([], "x")], "files cannot be set to an array (even when it contains File objects)");
}, "setting <input type=file>.files");

test(() => {
  const i = document.createElement("input");
  i.type = "file";

  let dt = new DataTransfer();

  const files = dt.files;
  i.files = files;
  assert_equals(i.files, files, "FileList should not be copied");
  assert_equals(dt.files, files, "FileList can be shared across input / DataTransfer");
}, "setting <input type=file>.files from DataTransfer");
</script>