linawhite

В папке проекта несколько html-файлов, может быть из-за этого?

Нет

Также, не выводится форма в массив NodeList при использовании querySelectorAll('forms')

Потому что ваш JS код вызывается ДО появления формы в DOM. У меня вот всё выводится в консоли.

Подскажите почему выводится undefined?

Потому что не существует формы с атрибутом name="name".
А вот так работает:
document.forms[0].name

.strictEqual(actual, expected, [message])
Asserts strict equality (===) of actual and expected.

[1, 2, 3] === [1, 2, 3] // false
И это вполне логично, поскольку хоть массивы и содержат одинаковый набор значений, это разные объекты.
Вам нужно делать сравнение либо через deepEqual, если порядок элементов имеет значение, либо через кастомную функцию, если порядок значения не имеет.

Абсолютный блок будет вырван из текущего контекста форматирования, каким бы он ни был (block, flex, grid). Так что вопрос некорректен.
Если вам требуется абсолютное позиционирование - делайте его, не обращая внимания на контекст.

Как комментарий ко всем ответам:
Надо различать объект функции и вызов результата вычисления функции.
Объект - это f
Вызов результата - это f()
На этом и основан фокус.
f() превращается в a
a() превращается в b
b() превращается в print("nested function")
Оно печатает строку.