diff --git a/Libraries/LibWeb/HTML/HTMLImageElement.cpp b/Libraries/LibWeb/HTML/HTMLImageElement.cpp
index f0d11890ac8..032f668ca74 100644
--- a/Libraries/LibWeb/HTML/HTMLImageElement.cpp
+++ b/Libraries/LibWeb/HTML/HTMLImageElement.cpp
@@ -16,6 +16,7 @@
 #include <LibWeb/CSS/StyleValues/DisplayStyleValue.h>
 #include <LibWeb/CSS/StyleValues/LengthStyleValue.h>
 #include <LibWeb/DOM/Document.h>
+#include <LibWeb/DOM/DocumentObserver.h>
 #include <LibWeb/DOM/Event.h>
 #include <LibWeb/Fetch/Fetching/Fetching.h>
 #include <LibWeb/Fetch/Infrastructure/FetchController.h>
@@ -74,6 +75,12 @@ void HTMLImageElement::adopted_from(DOM::Document& old_document)
 {
     old_document.unregister_viewport_client(*this);
     document().register_viewport_client(*this);
+
+    if (m_document_observer) {
+        m_document_observer->set_document(document());
+        if (!old_document.is_fully_active() && document().is_fully_active())
+            m_document_observer->document_became_active()->function()();
+    }
 }
 
 void HTMLImageElement::visit_edges(Cell::Visitor& visitor)
@@ -81,6 +88,7 @@ void HTMLImageElement::visit_edges(Cell::Visitor& visitor)
     Base::visit_edges(visitor);
     visitor.visit(m_current_request);
     visitor.visit(m_pending_request);
+    visitor.visit(m_document_observer);
     visit_lazy_loading_element(visitor);
 }
 
@@ -482,13 +490,42 @@ static BatchingDispatcher& batching_dispatcher()
 // https://html.spec.whatwg.org/multipage/images.html#update-the-image-data
 void HTMLImageElement::update_the_image_data(bool restart_animations, bool maybe_omit_events)
 {
+    auto& realm = this->realm();
+
     // 1. If the element's node document is not fully active, then:
     if (!document().is_fully_active()) {
-        // FIXME: 1. Continue running this algorithm in parallel.
-        // FIXME: 2. Wait until the element's node document is fully active.
-        // FIXME: 3. If another instance of this algorithm for this img element was started after this instance
-        //           (even if it aborted and is no longer running), then return.
-        // FIXME: 4. Queue a microtask to continue this algorithm.
+        // 1. Continue running this algorithm in parallel.
+        // 2. Wait until the element's node document is fully active.
+        // 3. If another instance of this algorithm for this img element was started after this instance
+        //    (even if it aborted and is no longer running), then return.
+        if (m_document_observer)
+            return;
+
+        m_document_observer = realm.create<DOM::DocumentObserver>(realm, document());
+        m_document_observer->set_document_became_active([this, restart_animations, maybe_omit_events]() {
+            // 4. Queue a microtask to continue this algorithm.
+            queue_a_microtask(&document(), GC::create_function(this->heap(), [this, restart_animations, maybe_omit_events]() {
+                update_the_image_data_impl(restart_animations, maybe_omit_events);
+            }));
+        });
+
+        return;
+    }
+
+    update_the_image_data_impl(restart_animations, maybe_omit_events);
+}
+
+// https://html.spec.whatwg.org/multipage/images.html#update-the-image-data
+void HTMLImageElement::update_the_image_data_impl(bool restart_animations, bool maybe_omit_events)
+{
+    // 1. If the element's node document is not fully active, then:
+    // FIXME: This step and it's substeps is implemented by the calling `update_the_image_data` function.
+    //        By the time that we reach here, the document should be fully active. However, it is possible
+    //        that the node document is swapped out again during the queue of the microtask to run this
+    //        algorithm.
+    if (!document().is_fully_active()) {
+        dbgln("FIXME: Node document is not fully active running 'update the image data'");
+        return;
     }
 
     // 2. FIXME: If the user agent cannot support images, or its support for images has been disabled,
diff --git a/Libraries/LibWeb/HTML/HTMLImageElement.h b/Libraries/LibWeb/HTML/HTMLImageElement.h
index d4e547efa66..f9aa3660390 100644
--- a/Libraries/LibWeb/HTML/HTMLImageElement.h
+++ b/Libraries/LibWeb/HTML/HTMLImageElement.h
@@ -114,6 +114,8 @@ public:
 private:
     HTMLImageElement(DOM::Document&, DOM::QualifiedName);
 
+    void update_the_image_data_impl(bool restart_the_animations = false, bool maybe_omit_events = false);
+
     virtual bool is_html_image_element() const override { return true; }
 
     virtual void initialize(JS::Realm&) override;
@@ -144,6 +146,8 @@ private:
 
     Optional<DOM::DocumentLoadEventDelayer> m_load_event_delayer;
 
+    GC::Ptr<DOM::DocumentObserver> m_document_observer;
+
     CORSSettingAttribute m_cors_setting { CORSSettingAttribute::NoCORS };
 
     // https://html.spec.whatwg.org/multipage/images.html#last-selected-source
diff --git a/Tests/LibWeb/Layout/expected/HTMLImageElement-update-the-image-data-temporary-document.txt b/Tests/LibWeb/Layout/expected/HTMLImageElement-update-the-image-data-temporary-document.txt
new file mode 100644
index 00000000000..a8520c1ab91
--- /dev/null
+++ b/Tests/LibWeb/Layout/expected/HTMLImageElement-update-the-image-data-temporary-document.txt
@@ -0,0 +1,19 @@
+Viewport <#document> at (0,0) content-size 800x600 children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x166 [BFC] children: not-inline
+    BlockContainer <body> at (8,8) content-size 784x150 children: not-inline
+      BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
+        TextNode <#text>
+      BlockContainer <div#image-container> at (8,8) content-size 784x150 children: inline
+        frag 0 from ImageBox start: 0, length: 0, rect: [8,8 150x150] baseline: 150
+        ImageBox <img> at (8,8) content-size 150x150 children: not-inline
+      BlockContainer <(anonymous)> at (8,158) content-size 784x0 children: inline
+        TextNode <#text>
+        TextNode <#text>
+
+ViewportPaintable (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x166]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x150]
+      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
+      PaintableWithLines (BlockContainer<DIV>#image-container) [8,8 784x150]
+        ImagePaintable (ImageBox<IMG>) [8,8 150x150]
+      PaintableWithLines (BlockContainer(anonymous)) [8,158 784x0]
diff --git a/Tests/LibWeb/Layout/input/HTMLImageElement-update-the-image-data-temporary-document.html b/Tests/LibWeb/Layout/input/HTMLImageElement-update-the-image-data-temporary-document.html
new file mode 100644
index 00000000000..6e8f26ac88b
--- /dev/null
+++ b/Tests/LibWeb/Layout/input/HTMLImageElement-update-the-image-data-temporary-document.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<body>
+    <div id="image-container">Original content</div>
+
+    <script>
+        document.getElementById('image-container').innerHTML = '<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" width="150">';
+    </script>
+</body>
diff --git a/Tests/LibWeb/Text/expected/wpt-import/html/semantics/embedded-content/the-img-element/naturalWidth-naturalHeight-width-height.tentative.txt b/Tests/LibWeb/Text/expected/wpt-import/html/semantics/embedded-content/the-img-element/naturalWidth-naturalHeight-width-height.tentative.txt
new file mode 100644
index 00000000000..b95e914d6e7
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/wpt-import/html/semantics/embedded-content/the-img-element/naturalWidth-naturalHeight-width-height.tentative.txt
@@ -0,0 +1,234 @@
+Harness status: OK
+
+Found 228 tests
+
+44 Pass
+184 Fail
+Pass	raster image
+Pass	raster image (when not rendered)
+Pass	raster image with width/height attributes
+Pass	raster image with width/height attributes (when not rendered)
+Pass	non existent image, no natural dimensions
+Pass	non existent image, no natural dimensions (when not rendered)
+Pass	non existent image with width/height attributes, no natural dimensions
+Pass	non existent image with width/height attributes, no natural dimensions (when not rendered)
+Fail	SVG image, no natural dimensions
+Fail	SVG image, no natural dimensions (when not rendered)
+Fail	SVG image with width/height attrs, no natural dimensions
+Fail	SVG image with width/height attrs, no natural dimensions (when not rendered)
+Fail	SVG image with width attr, no natural dimensions
+Fail	SVG image with width attr, no natural dimensions (when not rendered)
+Fail	SVG image with height attr, no natural dimensions
+Fail	SVG image with height attr, no natural dimensions (when not rendered)
+Fail	SVG image, percengage natural dimensions
+Fail	SVG image, percengage natural dimensions (when not rendered)
+Fail	SVG image, negative percengage natural dimensions
+Fail	SVG image, negative percengage natural dimensions (when not rendered)
+Fail	SVG image, with natural width
+Fail	SVG image, with natural width (when not rendered)
+Fail	SVG image, with natural height
+Fail	SVG image, with natural height (when not rendered)
+Fail	SVG image, with natural width of 0
+Fail	SVG image, with natural width of 0 (when not rendered)
+Fail	SVG image, with natural height of 0
+Fail	SVG image, with natural height of 0 (when not rendered)
+Fail	SVG image, with natural width being negative
+Fail	SVG image, with natural width being negative (when not rendered)
+Fail	SVG image, with natural height being negative
+Fail	SVG image, with natural height being negative (when not rendered)
+Fail	SVG image, no natural dimensions, and aspect ratio from viewBox
+Fail	SVG image, no natural dimensions, and aspect ratio from viewBox (when not rendered)
+Fail	SVG image, percengage natural dimensions, and aspect ratio from viewBox
+Fail	SVG image, percengage natural dimensions, and aspect ratio from viewBox (when not rendered)
+Fail	SVG image, negative percengage natural dimensions, and aspect ratio from viewBox
+Fail	SVG image, negative percengage natural dimensions, and aspect ratio from viewBox (when not rendered)
+Fail	SVG image, with natural width, and aspect ratio from viewBox
+Fail	SVG image, with natural width, and aspect ratio from viewBox (when not rendered)
+Fail	SVG image, with natural height, and aspect ratio from viewBox
+Fail	SVG image, with natural height, and aspect ratio from viewBox (when not rendered)
+Pass	SVG image, with natural width of 0, and aspect ratio from viewBox
+Pass	SVG image, with natural width of 0, and aspect ratio from viewBox (when not rendered)
+Fail	SVG image, with natural height of 0, and aspect ratio from viewBox
+Pass	SVG image, with natural height of 0, and aspect ratio from viewBox (when not rendered)
+Fail	SVG image, with natural width being negative, and aspect ratio from viewBox
+Pass	SVG image, with natural width being negative, and aspect ratio from viewBox (when not rendered)
+Fail	SVG image, with natural height being negative, and aspect ratio from viewBox
+Pass	SVG image, with natural height being negative, and aspect ratio from viewBox (when not rendered)
+Fail	SVG image, no natural dimensions, viewBox with 0 width/height
+Fail	SVG image, no natural dimensions, viewBox with 0 width/height (when not rendered)
+Fail	SVG image, no natural dimensions, viewBox with 0 width
+Fail	SVG image, no natural dimensions, viewBox with 0 width (when not rendered)
+Fail	SVG image, no natural dimensions, viewBox with 0 height
+Fail	SVG image, no natural dimensions, viewBox with 0 height (when not rendered)
+Fail	SVG image, with natural width, viewBox with 0 width/height
+Fail	SVG image, with natural width, viewBox with 0 width/height (when not rendered)
+Fail	SVG image, with natural width, viewBox with 0 width
+Fail	SVG image, with natural width, viewBox with 0 width (when not rendered)
+Fail	SVG image, with natural width, viewBox with 0 height
+Fail	SVG image, with natural width, viewBox with 0 height (when not rendered)
+Fail	SVG image, with natural height, viewBox with 0 width/height
+Fail	SVG image, with natural height, viewBox with 0 width/height (when not rendered)
+Fail	SVG image, with natural height, viewBox with 0 width
+Fail	SVG image, with natural height, viewBox with 0 width (when not rendered)
+Fail	SVG image, with natural height, viewBox with 0 height
+Fail	SVG image, with natural height, viewBox with 0 height (when not rendered)
+Fail	SVG image, with natural width and height
+Fail	SVG image, with natural width and height (when not rendered)
+Fail	SVG image, with natural width and height, and aspect ratio from viewBox
+Fail	SVG image, with natural width and height, and aspect ratio from viewBox (when not rendered)
+Pass	SVG image, with natural width and height of 0, and aspect ratio from viewBox
+Pass	SVG image, with natural width and height of 0, and aspect ratio from viewBox (when not rendered)
+Fail	SVG image, with natural width and height being negative, and aspect ratio from viewBox
+Pass	SVG image, with natural width and height being negative, and aspect ratio from viewBox (when not rendered)
+Pass	raster image (with srcset/1x)
+Pass	raster image (with srcset/1x) (when not rendered)
+Pass	raster image with width/height attributes (with srcset/1x)
+Pass	raster image with width/height attributes (with srcset/1x) (when not rendered)
+Pass	non existent image, no natural dimensions (with srcset/1x)
+Pass	non existent image, no natural dimensions (with srcset/1x) (when not rendered)
+Pass	non existent image with width/height attributes, no natural dimensions (with srcset/1x)
+Pass	non existent image with width/height attributes, no natural dimensions (with srcset/1x) (when not rendered)
+Fail	SVG image, no natural dimensions (with srcset/1x)
+Fail	SVG image, no natural dimensions (with srcset/1x) (when not rendered)
+Fail	SVG image with width/height attrs, no natural dimensions (with srcset/1x)
+Fail	SVG image with width/height attrs, no natural dimensions (with srcset/1x) (when not rendered)
+Fail	SVG image with width attr, no natural dimensions (with srcset/1x)
+Fail	SVG image with width attr, no natural dimensions (with srcset/1x) (when not rendered)
+Fail	SVG image with height attr, no natural dimensions (with srcset/1x)
+Fail	SVG image with height attr, no natural dimensions (with srcset/1x) (when not rendered)
+Fail	SVG image, percengage natural dimensions (with srcset/1x)
+Fail	SVG image, percengage natural dimensions (with srcset/1x) (when not rendered)
+Fail	SVG image, negative percengage natural dimensions (with srcset/1x)
+Fail	SVG image, negative percengage natural dimensions (with srcset/1x) (when not rendered)
+Fail	SVG image, with natural width (with srcset/1x)
+Fail	SVG image, with natural width (with srcset/1x) (when not rendered)
+Fail	SVG image, with natural height (with srcset/1x)
+Fail	SVG image, with natural height (with srcset/1x) (when not rendered)
+Fail	SVG image, with natural width of 0 (with srcset/1x)
+Fail	SVG image, with natural width of 0 (with srcset/1x) (when not rendered)
+Fail	SVG image, with natural height of 0 (with srcset/1x)
+Fail	SVG image, with natural height of 0 (with srcset/1x) (when not rendered)
+Fail	SVG image, with natural width being negative (with srcset/1x)
+Fail	SVG image, with natural width being negative (with srcset/1x) (when not rendered)
+Fail	SVG image, with natural height being negative (with srcset/1x)
+Fail	SVG image, with natural height being negative (with srcset/1x) (when not rendered)
+Fail	SVG image, no natural dimensions, and aspect ratio from viewBox (with srcset/1x)
+Fail	SVG image, no natural dimensions, and aspect ratio from viewBox (with srcset/1x) (when not rendered)
+Fail	SVG image, percengage natural dimensions, and aspect ratio from viewBox (with srcset/1x)
+Fail	SVG image, percengage natural dimensions, and aspect ratio from viewBox (with srcset/1x) (when not rendered)
+Fail	SVG image, negative percengage natural dimensions, and aspect ratio from viewBox (with srcset/1x)
+Fail	SVG image, negative percengage natural dimensions, and aspect ratio from viewBox (with srcset/1x) (when not rendered)
+Fail	SVG image, with natural width, and aspect ratio from viewBox (with srcset/1x)
+Fail	SVG image, with natural width, and aspect ratio from viewBox (with srcset/1x) (when not rendered)
+Fail	SVG image, with natural height, and aspect ratio from viewBox (with srcset/1x)
+Fail	SVG image, with natural height, and aspect ratio from viewBox (with srcset/1x) (when not rendered)
+Pass	SVG image, with natural width of 0, and aspect ratio from viewBox (with srcset/1x)
+Pass	SVG image, with natural width of 0, and aspect ratio from viewBox (with srcset/1x) (when not rendered)
+Fail	SVG image, with natural height of 0, and aspect ratio from viewBox (with srcset/1x)
+Pass	SVG image, with natural height of 0, and aspect ratio from viewBox (with srcset/1x) (when not rendered)
+Fail	SVG image, with natural width being negative, and aspect ratio from viewBox (with srcset/1x)
+Pass	SVG image, with natural width being negative, and aspect ratio from viewBox (with srcset/1x) (when not rendered)
+Fail	SVG image, with natural height being negative, and aspect ratio from viewBox (with srcset/1x)
+Pass	SVG image, with natural height being negative, and aspect ratio from viewBox (with srcset/1x) (when not rendered)
+Fail	SVG image, no natural dimensions, viewBox with 0 width/height (with srcset/1x)
+Fail	SVG image, no natural dimensions, viewBox with 0 width/height (with srcset/1x) (when not rendered)
+Fail	SVG image, no natural dimensions, viewBox with 0 width (with srcset/1x)
+Fail	SVG image, no natural dimensions, viewBox with 0 width (with srcset/1x) (when not rendered)
+Fail	SVG image, no natural dimensions, viewBox with 0 height (with srcset/1x)
+Fail	SVG image, no natural dimensions, viewBox with 0 height (with srcset/1x) (when not rendered)
+Fail	SVG image, with natural width, viewBox with 0 width/height (with srcset/1x)
+Fail	SVG image, with natural width, viewBox with 0 width/height (with srcset/1x) (when not rendered)
+Fail	SVG image, with natural width, viewBox with 0 width (with srcset/1x)
+Fail	SVG image, with natural width, viewBox with 0 width (with srcset/1x) (when not rendered)
+Fail	SVG image, with natural width, viewBox with 0 height (with srcset/1x)
+Fail	SVG image, with natural width, viewBox with 0 height (with srcset/1x) (when not rendered)
+Fail	SVG image, with natural height, viewBox with 0 width/height (with srcset/1x)
+Fail	SVG image, with natural height, viewBox with 0 width/height (with srcset/1x) (when not rendered)
+Fail	SVG image, with natural height, viewBox with 0 width (with srcset/1x)
+Fail	SVG image, with natural height, viewBox with 0 width (with srcset/1x) (when not rendered)
+Fail	SVG image, with natural height, viewBox with 0 height (with srcset/1x)
+Fail	SVG image, with natural height, viewBox with 0 height (with srcset/1x) (when not rendered)
+Fail	SVG image, with natural width and height (with srcset/1x)
+Fail	SVG image, with natural width and height (with srcset/1x) (when not rendered)
+Fail	SVG image, with natural width and height, and aspect ratio from viewBox (with srcset/1x)
+Fail	SVG image, with natural width and height, and aspect ratio from viewBox (with srcset/1x) (when not rendered)
+Pass	SVG image, with natural width and height of 0, and aspect ratio from viewBox (with srcset/1x)
+Pass	SVG image, with natural width and height of 0, and aspect ratio from viewBox (with srcset/1x) (when not rendered)
+Fail	SVG image, with natural width and height being negative, and aspect ratio from viewBox (with srcset/1x)
+Pass	SVG image, with natural width and height being negative, and aspect ratio from viewBox (with srcset/1x) (when not rendered)
+Fail	raster image (with srcset/2x)
+Fail	raster image (with srcset/2x) (when not rendered)
+Fail	raster image with width/height attributes (with srcset/2x)
+Fail	raster image with width/height attributes (with srcset/2x) (when not rendered)
+Pass	non existent image, no natural dimensions (with srcset/2x)
+Pass	non existent image, no natural dimensions (with srcset/2x) (when not rendered)
+Pass	non existent image with width/height attributes, no natural dimensions (with srcset/2x)
+Pass	non existent image with width/height attributes, no natural dimensions (with srcset/2x) (when not rendered)
+Fail	SVG image, no natural dimensions (with srcset/2x)
+Fail	SVG image, no natural dimensions (with srcset/2x) (when not rendered)
+Fail	SVG image with width/height attrs, no natural dimensions (with srcset/2x)
+Fail	SVG image with width/height attrs, no natural dimensions (with srcset/2x) (when not rendered)
+Fail	SVG image with width attr, no natural dimensions (with srcset/2x)
+Fail	SVG image with width attr, no natural dimensions (with srcset/2x) (when not rendered)
+Fail	SVG image with height attr, no natural dimensions (with srcset/2x)
+Fail	SVG image with height attr, no natural dimensions (with srcset/2x) (when not rendered)
+Fail	SVG image, percengage natural dimensions (with srcset/2x)
+Fail	SVG image, percengage natural dimensions (with srcset/2x) (when not rendered)
+Fail	SVG image, negative percengage natural dimensions (with srcset/2x)
+Fail	SVG image, negative percengage natural dimensions (with srcset/2x) (when not rendered)
+Fail	SVG image, with natural width (with srcset/2x)
+Fail	SVG image, with natural width (with srcset/2x) (when not rendered)
+Fail	SVG image, with natural height (with srcset/2x)
+Fail	SVG image, with natural height (with srcset/2x) (when not rendered)
+Fail	SVG image, with natural width of 0 (with srcset/2x)
+Fail	SVG image, with natural width of 0 (with srcset/2x) (when not rendered)
+Fail	SVG image, with natural height of 0 (with srcset/2x)
+Fail	SVG image, with natural height of 0 (with srcset/2x) (when not rendered)
+Fail	SVG image, with natural width being negative (with srcset/2x)
+Fail	SVG image, with natural width being negative (with srcset/2x) (when not rendered)
+Fail	SVG image, with natural height being negative (with srcset/2x)
+Fail	SVG image, with natural height being negative (with srcset/2x) (when not rendered)
+Fail	SVG image, no natural dimensions, and aspect ratio from viewBox (with srcset/2x)
+Fail	SVG image, no natural dimensions, and aspect ratio from viewBox (with srcset/2x) (when not rendered)
+Fail	SVG image, percengage natural dimensions, and aspect ratio from viewBox (with srcset/2x)
+Fail	SVG image, percengage natural dimensions, and aspect ratio from viewBox (with srcset/2x) (when not rendered)
+Fail	SVG image, negative percengage natural dimensions, and aspect ratio from viewBox (with srcset/2x)
+Fail	SVG image, negative percengage natural dimensions, and aspect ratio from viewBox (with srcset/2x) (when not rendered)
+Fail	SVG image, with natural width, and aspect ratio from viewBox (with srcset/2x)
+Fail	SVG image, with natural width, and aspect ratio from viewBox (with srcset/2x) (when not rendered)
+Fail	SVG image, with natural height, and aspect ratio from viewBox (with srcset/2x)
+Fail	SVG image, with natural height, and aspect ratio from viewBox (with srcset/2x) (when not rendered)
+Pass	SVG image, with natural width of 0, and aspect ratio from viewBox (with srcset/2x)
+Pass	SVG image, with natural width of 0, and aspect ratio from viewBox (with srcset/2x) (when not rendered)
+Fail	SVG image, with natural height of 0, and aspect ratio from viewBox (with srcset/2x)
+Pass	SVG image, with natural height of 0, and aspect ratio from viewBox (with srcset/2x) (when not rendered)
+Fail	SVG image, with natural width being negative, and aspect ratio from viewBox (with srcset/2x)
+Pass	SVG image, with natural width being negative, and aspect ratio from viewBox (with srcset/2x) (when not rendered)
+Fail	SVG image, with natural height being negative, and aspect ratio from viewBox (with srcset/2x)
+Pass	SVG image, with natural height being negative, and aspect ratio from viewBox (with srcset/2x) (when not rendered)
+Fail	SVG image, no natural dimensions, viewBox with 0 width/height (with srcset/2x)
+Fail	SVG image, no natural dimensions, viewBox with 0 width/height (with srcset/2x) (when not rendered)
+Fail	SVG image, no natural dimensions, viewBox with 0 width (with srcset/2x)
+Fail	SVG image, no natural dimensions, viewBox with 0 width (with srcset/2x) (when not rendered)
+Fail	SVG image, no natural dimensions, viewBox with 0 height (with srcset/2x)
+Fail	SVG image, no natural dimensions, viewBox with 0 height (with srcset/2x) (when not rendered)
+Fail	SVG image, with natural width, viewBox with 0 width/height (with srcset/2x)
+Fail	SVG image, with natural width, viewBox with 0 width/height (with srcset/2x) (when not rendered)
+Fail	SVG image, with natural width, viewBox with 0 width (with srcset/2x)
+Fail	SVG image, with natural width, viewBox with 0 width (with srcset/2x) (when not rendered)
+Fail	SVG image, with natural width, viewBox with 0 height (with srcset/2x)
+Fail	SVG image, with natural width, viewBox with 0 height (with srcset/2x) (when not rendered)
+Fail	SVG image, with natural height, viewBox with 0 width/height (with srcset/2x)
+Fail	SVG image, with natural height, viewBox with 0 width/height (with srcset/2x) (when not rendered)
+Fail	SVG image, with natural height, viewBox with 0 width (with srcset/2x)
+Fail	SVG image, with natural height, viewBox with 0 width (with srcset/2x) (when not rendered)
+Fail	SVG image, with natural height, viewBox with 0 height (with srcset/2x)
+Fail	SVG image, with natural height, viewBox with 0 height (with srcset/2x) (when not rendered)
+Fail	SVG image, with natural width and height (with srcset/2x)
+Fail	SVG image, with natural width and height (with srcset/2x) (when not rendered)
+Fail	SVG image, with natural width and height, and aspect ratio from viewBox (with srcset/2x)
+Fail	SVG image, with natural width and height, and aspect ratio from viewBox (with srcset/2x) (when not rendered)
+Pass	SVG image, with natural width and height of 0, and aspect ratio from viewBox (with srcset/2x)
+Pass	SVG image, with natural width and height of 0, and aspect ratio from viewBox (with srcset/2x) (when not rendered)
+Fail	SVG image, with natural width and height being negative, and aspect ratio from viewBox (with srcset/2x)
+Pass	SVG image, with natural width and height being negative, and aspect ratio from viewBox (with srcset/2x) (when not rendered)
\ No newline at end of file
diff --git a/Tests/LibWeb/Text/input/wpt-import/html/semantics/embedded-content/the-img-element/naturalWidth-naturalHeight-width-height.tentative.html b/Tests/LibWeb/Text/input/wpt-import/html/semantics/embedded-content/the-img-element/naturalWidth-naturalHeight-width-height.tentative.html
new file mode 100644
index 00000000000..d89d92ffd3c
--- /dev/null
+++ b/Tests/LibWeb/Text/input/wpt-import/html/semantics/embedded-content/the-img-element/naturalWidth-naturalHeight-width-height.tentative.html
@@ -0,0 +1,377 @@
+<!doctype html>
+<head>
+<meta charset="utf-8">
+<title>HTMLImageElement attributes naturalWidth, naturalHeight, width, height</title>
+<!-- Note: this test asserts a different expectation from what the HTML spec
+     requires, as of mid-2025 when this testcase is being written. The spec
+     behavior doesn't appear to be web-compatible for some of the cases here,
+     and issue https://github.com/whatwg/html/issues/11287 is filed on
+     addresing that.  In the meantime, this test is named with ".tentative" to
+     indicate that it's not authoritative. After the spec change is accepted,
+     we can remove the neighboring naturalWidth-naturalHeight.html test which
+     asserts the prior spec text's expectations, since this test covers the
+     same ground but with its expectations set according to the
+     soon-to-be-updated spec text.  -->
+<link rel="help" href="https://github.com/whatwg/html/issues/11287">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/embedded-content.html#dom-img-naturalwidth-dev">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/embedded-content.html#dom-img-width">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/images.html#density-corrected-intrinsic-width-and-height">
+<link rel="help" href="https://drafts.csswg.org/css-images/#natural-dimensions">
+<script src="../../../../resources/testharness.js"></script>
+<script src="../../../../resources/testharnessreport.js"></script>
+<style>
+#scroller {
+  /* We wrap all the test content in a scroller so that it doesn't push
+   * the textual test-results too far out of view.
+   */
+  border: 1px solid black;
+  height: 400px;
+  width: max-content;
+  overflow: scroll;
+}
+#containingBlock {
+  /* There are a few SVG images here that size so that their margin-box fills
+   * their containing block width. We define a specific size here so that we
+   * can then check for it (minus the margins) in the "data-width" attribute.
+   */
+  width: 740px;
+}
+img {
+  /* This styling is just cosmetic, to help visualize the images. */
+  border: 5px solid teal;
+  margin: 5px;
+  display: block;
+}
+</style>
+<!-- We specify the img elements in a <template> and then clone them for
+     testing, so that we can dynamically generate and test several variants
+     of each img. -->
+<template id="imgTemplates">
+<!-- For each img element:
+     * The "data-natural-{width,height}" attributes represent the expected
+     values of the img element's "naturalWidth" and "naturalHeight" IDL
+     attributes. This test implicitly expects the "width" and "height" IDL
+     attributes to have those same expected values; but in cases where that's
+     not correct, we provide the actual expected value in the
+     "data-{width,height}" attributes (as distinguished from
+     data-natural-{width,height}).
+     * The "title" attribute is a description of the scenario being tested, and
+     it must be unique to satisfy the test harness requirements. -->
+
+<!-- JPG images -->
+<img src="resources/cat.jpg"
+     title="raster image"
+     data-natural-width="320" data-natural-height="240">
+<img src="resources/cat.jpg" width="10" height="10"
+     title="raster image with width/height attributes"
+     data-natural-width="320" data-natural-height="240"
+     data-width="10" data-height="10"
+     data-not-rendered-width="10" data-not-rendered-height="10">
+<!-- Use "size-comes-from-broken-image-icon" attribute to opt out of checking
+     img.width and img.height, because they come from the UA-dependent
+     size of the broken image icon: -->
+<img src="non-existent.jpg"
+     title="non existent image, no natural dimensions"
+     data-natural-width="0" data-natural-height="0"
+     size-comes-from-broken-image-icon>
+<img src="non-existent.jpg" width="10" height="10"
+     title="non existent image with width/height attributes, no natural dimensions"
+     data-natural-width="0" data-natural-height="0"
+     data-width="10" data-height="10"
+     data-not-rendered-width="10" data-not-rendered-height="10">
+
+<!-- First group of SVG images: no viewBox, with a missing (or edge-casey, i.e.
+     negative or percent-valued) value for the width and/or height attr on the
+     root svg element in a SVG image. -->
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'></svg>"
+     title="SVG image, no natural dimensions"
+     data-natural-width="300" data-natural-height="150">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'></svg>"
+     width="40" height="10"
+     data-width="40" data-height="10"
+     data-not-rendered-width="40" data-not-rendered-height="10"
+     title="SVG image with width/height attrs, no natural dimensions"
+     data-natural-width="300" data-natural-height="150">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'></svg>"
+     width="40"
+     data-width="40" data-not-rendered-width="40"
+     title="SVG image with width attr, no natural dimensions"
+     data-natural-width="300" data-natural-height="150">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'></svg>"
+     height="10"
+     data-height="10" data-not-rendered-height="10"
+     title="SVG image with height attr, no natural dimensions"
+     data-natural-width="300" data-natural-height="150">
+<!-- Note: percent values can't be resolved when determining natural
+     dimensions, so the exact percentage shouldn't matter. -->
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='400%' height='10%'></svg>"
+     title="SVG image, percengage natural dimensions"
+     data-natural-width="300" data-natural-height="150">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='-400%' height='-10%'></svg>"
+     title="SVG image, negative percengage natural dimensions"
+     data-natural-width="300" data-natural-height="150">
+<!-- If only one attribute is present, it should show up as a natural
+     dimension, without influencing the other natural dimension. -->
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='60'></svg>"
+     title="SVG image, with natural width"
+     data-natural-width="60" data-natural-height="150">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='60'></svg>"
+     title="SVG image, with natural height"
+     data-natural-width="300" data-natural-height="60">
+<!-- If either attribute is 0 or a negative length, it should show up as a
+     natural dimension: of 0. -->
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='0'></svg>"
+     title="SVG image, with natural width of 0"
+     data-natural-width="0" data-natural-height="150">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='0'></svg>"
+     title="SVG image, with natural height of 0"
+     data-natural-width="300" data-natural-height="0">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='-5'></svg>"
+     title="SVG image, with natural width being negative"
+     data-natural-width="0" data-natural-height="150">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='-5'></svg>"
+     title="SVG image, with natural height being negative"
+     data-natural-width="300" data-natural-height="0">
+
+<!-- Second group of SVG images: Same as above, but now with a viewBox that grants a
+     3:1 aspect-ratio; whenever we know one natural dimension, that should
+     combine with the aspect ratio to produce the other natural dimension.
+
+     NOTE: for a few subtests here, the image ends up expanding to fill the
+     containing block's width, i.e. rendering at a larger size than its natural
+     size. In those cases, we include 'data-width' & 'data-height' attributes,
+     so that this test's JS can validate that img.width and img.height return
+     these expected larger values. (Otherwise, we expect img.width and
+     img.height to return the same values as img.naturalWidth and
+     img.naturalHeight). -->
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200'></svg>"
+     title="SVG image, no natural dimensions, and aspect ratio from viewBox"
+     data-natural-width="300" data-natural-height="100"
+     data-width="720" data-height="240">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='400%' height='10%' viewBox='0 0 600 200'></svg>"
+     title="SVG image, percengage natural dimensions, and aspect ratio from viewBox"
+     data-natural-width="300" data-natural-height="100"
+     data-width="720" data-height="240">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='-400%' height='-10%' viewBox='0 0 600 200'></svg>"
+     title="SVG image, negative percengage natural dimensions, and aspect ratio from viewBox"
+     data-natural-width="300" data-natural-height="100"
+     data-width="720" data-height="240">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='60' viewBox='0 0 600 200'></svg>"
+     title="SVG image, with natural width, and aspect ratio from viewBox"
+     data-natural-width="60" data-natural-height="20">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='60' viewBox='0 0 600 200'></svg>"
+     title="SVG image, with natural height, and aspect ratio from viewBox"
+     data-natural-width="180" data-natural-height="60">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='0' viewBox='0 0 600 200'></svg>"
+     title="SVG image, with natural width of 0, and aspect ratio from viewBox"
+     data-natural-width="0" data-natural-height="0">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='0' viewBox='0 0 600 200'></svg>"
+     title="SVG image, with natural height of 0, and aspect ratio from viewBox"
+     data-natural-width="0" data-natural-height="0">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='-5' viewBox='0 0 600 200'></svg>"
+     title="SVG image, with natural width being negative, and aspect ratio from viewBox"
+     data-natural-width="0" data-natural-height="0">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='-5' viewBox='0 0 600 200'></svg>"
+     title="SVG image, with natural height being negative, and aspect ratio from viewBox"
+     data-natural-width="0" data-natural-height="0">
+
+<!-- Third group of SVG images: Check a degenerate 0-sized viewBox for some of the
+     cases; it should have no impact. -->
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 0 0'></svg>"
+     title="SVG image, no natural dimensions, viewBox with 0 width/height"
+     data-natural-width="300" data-natural-height="150">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 0'></svg>"
+     title="SVG image, no natural dimensions, viewBox with 0 width"
+     data-natural-width="300" data-natural-height="150">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 0 10'></svg>"
+     title="SVG image, no natural dimensions, viewBox with 0 height"
+     data-natural-width="300" data-natural-height="150">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='60' viewBox='0 0 0 0'></svg>"
+     title="SVG image, with natural width, viewBox with 0 width/height"
+     data-natural-width="60" data-natural-height="150">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='60' viewBox='0 0 10 0'></svg>"
+     title="SVG image, with natural width, viewBox with 0 width"
+     data-natural-width="60" data-natural-height="150">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='60' viewBox='0 0 0 10'></svg>"
+     title="SVG image, with natural width, viewBox with 0 height"
+     data-natural-width="60" data-natural-height="150">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='60' viewBox='0 0 0 0'></svg>"
+     title="SVG image, with natural height, viewBox with 0 width/height"
+     data-natural-width="300" data-natural-height="60">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='60' viewBox='0 0 10 0'></svg>"
+     title="SVG image, with natural height, viewBox with 0 width"
+     data-natural-width="300" data-natural-height="60">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='60' viewBox='0 0 0 10'></svg>"
+     title="SVG image, with natural height, viewBox with 0 height"
+     data-natural-width="300" data-natural-height="60">
+
+<!~- Final group of SVG images: we have pixel-valued width/height on the root
+     svg element, and possibly viewBox as well. The width and height attrs should
+     determine the natural dimensions, with no impact from viewBox. -->
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='40'></svg>"
+     title="SVG image, with natural width and height"
+     data-natural-width="60" data-natural-height="40">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='40' viewBox='0 0 600 200'></svg>"
+     title="SVG image, with natural width and height, and aspect ratio from viewBox"
+     data-natural-width="60" data-natural-height="40">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='0' height='0' viewBox='0 0 600 200'></svg>"
+     title="SVG image, with natural width and height of 0, and aspect ratio from viewBox"
+     data-natural-width="0" data-natural-height="0">
+<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='-5' height='-5' viewBox='0 0 600 200'></svg>"
+     title="SVG image, with natural width and height being negative, and aspect ratio from viewBox"
+     data-natural-width="0" data-natural-height="0">
+</template>
+</head>
+<body>
+<div id="scroller">
+  <div id="containingBlock">
+  </div>
+</div>
+<!-- We generate and append all of the tested <img> elements while we're inside
+     the <body>, so that all of the <img> elements' "load" events will block
+     the window onload event: -->
+<script>
+setup({explicit_done:true});
+
+// Utility function to generate a clone of imgTemplates using "srcset" and a
+// given density value, with expectations adjusted per the density:
+function cloneTemplateWithDensity(density) {
+  if (typeof(density) !== "number" || density <= 0) {
+    // If we get here, there's a bug in the test itself; throw an exception:
+    throw new Error("test error: param should be a positive number");
+  }
+  let clone = imgTemplates.content.cloneNode("true");
+
+  for (let img of clone.children) {
+    // Swap out "src" for "srcset":
+    // The srcset attribute uses a space-separated list of tokens,
+    // so we need to encode any spaces that are in the URI itself
+    // before we put it in srcset:
+    let srcVal = img.getAttribute("src").replaceAll(" ", "%20");
+    img.removeAttribute("src");
+    img.setAttribute("srcSet", `${srcVal} ${density}x`);
+
+    // Mention the density in the 'title' to keep the title values unique:
+    img.setAttribute("title",
+                     `${img.getAttribute("title")} (with srcset/${density}x)`);
+
+    const isUsingConcreteObjectWidth = (img.dataset.naturalWidth == "300");
+    const isUsingConcreteObjectHeight = (img.dataset.naturalHeight == "150");
+
+    // Scale our 'data-natural-{width,height}' expectations by the density.
+    // But also:
+    // * Preserve the original 'data-natural-{width,height}' as the
+    // 'data-{width,height}' expectation if it's just the concrete object size
+    // (which doesn't actually get scaled by the density in practice when
+    // the image actually renders).
+    // * Preserve the original 'data-natural-{width,height}' as the
+    // 'data-not-rendered-{width,height}' expectation (if we don't already have
+    // one) since browsers don't do density-correction on .width and .height when
+    // the image is not being rendered, as discussed in
+    // https://github.com/whatwg/html/issues/11287#issuecomment-2923467541
+    for (let name in img.dataset) {
+      if (name.startsWith("natural")) {
+        let origExpectation = img.dataset[name];
+
+        // Scale our img.natural{Width,Height} expectation:
+        img.dataset[name] = origExpectation / density;
+
+        let isWidthAxis = (name == "naturalWidth");
+        let nameWithoutNatural = (isWidthAxis ? "width" : "height");
+
+        let isConcreteObjectSize =
+          (isWidthAxis ? isUsingConcreteObjectWidth : isUsingConcreteObjectHeight);
+        if (isConcreteObjectSize && !(nameWithoutNatural in img.dataset)) {
+          img.dataset[nameWithoutNatural] = origExpectation;
+        }
+
+        // Construct a string for "data-not-rendered-{width,height}" for
+        // whichever axis we're currently handling, and stash the
+        // origExpectation in there if we don't already have some expectation
+        // set there:
+        let notRenderedName = name.replace("natural", "notRendered");
+        if (!(notRenderedName in img.dataset)) {
+          img.dataset[notRenderedName] = origExpectation;
+        }
+      }
+    }
+  }
+  return clone;
+}
+
+// Clone and append a copy of the contents of imgTemplates, for testing:
+let clone = imgTemplates.content.cloneNode("true");
+containingBlock.appendChild(clone);
+
+// Append additional clones, modified to use srcset with specified density.
+// Note:
+//  * '1' is the trivial case; we're just testing that for completeness,
+//    to be sure there aren't any unexpected differences between
+//    <img src="..."> and <img srcset="... 1x">).
+//  * It's best for whatever density we test here to be something that evenly
+//    divides all of the image sizes in this test (so 1 and 2 are easy choices).
+containingBlock.appendChild(cloneTemplateWithDensity(1));
+containingBlock.appendChild(cloneTemplateWithDensity(2));
+
+// After all the img elements have loaded (indicated by the window load event),
+// we run the various tests:
+onload = function() {
+  Array.from(document.images).forEach(img => {
+    const expectedNaturalWidth = parseFloat(img.dataset.naturalWidth);
+    const expectedNaturalHeight = parseFloat(img.dataset.naturalHeight);
+
+    test(function() {
+      // We expect naturalWidth to match the provided data-natural-width
+      // (and similar for 'height').
+      assert_equals(img.naturalWidth, expectedNaturalWidth, 'naturalWidth');
+      assert_equals(img.naturalHeight, expectedNaturalHeight, 'naturalHeight');
+
+      let shouldCheckWidthAndHeight =
+          !img.hasAttribute("size-comes-from-broken-image-icon");
+
+      if (shouldCheckWidthAndHeight) {
+        // If 'data-width' is provided, then we expect img.width to match it.
+        // Otherwise we expect img.width to match the 'data-natural-width'.
+        // (And similar for 'height'.)
+        const expectedWidth = 'width' in img.dataset ?
+              parseFloat(img.dataset.width) : expectedNaturalWidth;
+        const expectedHeight = 'height' in img.dataset ?
+              parseFloat(img.dataset.height) : expectedNaturalHeight;
+        assert_equals(img.width, expectedWidth, 'width');
+        assert_equals(img.height, expectedHeight, 'height');
+      }
+    }, `${img.title}`);
+
+    test(function() {
+      // Now test what we get when the img is not rendered.
+      // * naturalWidth and naturalHeight shouldn't change.
+      // * width and height should generally match naturalWidth and
+      // naturalHeight. (Exceptions are indicated via the
+      // 'data-not-rendered-{width/height} attributes).
+      this.add_cleanup(function() {
+        img.style.display = "";
+      });
+
+      img.style.display = "none";
+      img.getBoundingClientRect(); // Flush layout.
+
+      assert_equals(img.naturalWidth, expectedNaturalWidth,
+                    'naturalWidth when not rendered');
+      assert_equals(img.naturalHeight, expectedNaturalHeight,
+                    'naturalHeight when not rendered');
+
+      const expectedNotRenderedWidth = 'notRenderedWidth' in img.dataset ?
+            parseFloat(img.dataset.notRenderedWidth) : expectedNaturalWidth;
+      const expectedNotRenderedHeight = 'notRenderedHeight' in img.dataset ?
+            parseFloat(img.dataset.notRenderedHeight) : expectedNaturalHeight;
+
+      assert_equals(img.width, expectedNotRenderedWidth,
+                    'width when not rendered');
+      assert_equals(img.height, expectedNotRenderedHeight,
+                    'height when not rendered');
+    }, `${img.title} (when not rendered)`);
+  });
+  done();
+};
+</script>
+</body>
diff --git a/Tests/LibWeb/Text/input/wpt-import/html/semantics/embedded-content/the-img-element/resources/cat.jpg b/Tests/LibWeb/Text/input/wpt-import/html/semantics/embedded-content/the-img-element/resources/cat.jpg
new file mode 100644
index 00000000000..a4f14f54d60
Binary files /dev/null and b/Tests/LibWeb/Text/input/wpt-import/html/semantics/embedded-content/the-img-element/resources/cat.jpg differ