diff --git a/css/css-view-transitions/navigation/pagereveal-ctor.html b/css/css-view-transitions/navigation/pagereveal-ctor.html
new file mode 100644
index 00000000000000..a840b29f3179c2
--- /dev/null
+++ b/css/css-view-transitions/navigation/pagereveal-ctor.html
@@ -0,0 +1,42 @@
+<!doctype html>
+<title>ßPageRevelEvent constructor</title>
+<link rel="help" href="https://html.spec.whatwg.org/multipage/nav-history-apis.html#the-pagerevealevent-interface">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<div id="log"></div>
+<script>
+test(function() {
+    var e = new PageRevealEvent("something");
+    assert_true(e instanceof PageRevealEvent);
+    assert_equals(e.type, "something");
+    assert_equals(e.viewTransition, null);
+}, "Constructing pagereveal event");
+
+test(function() {
+    var e = new PageRevealEvent("pagereveal");
+    assert_true(e instanceof PageRevealEvent);
+    assert_equals(e.type, "pagereveal");
+    assert_equals(e.viewTransition, null);
+}, "Constructing pagereveal event with a custom name");
+
+test(function() {
+    var e = new PageRevealEvent("pagereveal", {});
+    assert_true(e instanceof PageRevealEvent);
+    assert_equals(e.type, "pagereveal");
+    assert_equals(e.viewTransition, null);
+}, "Constructing pagereveal event with empty dictionary");
+
+test(function() {
+    var e = new PageRevealEvent("pagereveal", {viewTransition: null});
+    assert_true(e instanceof PageRevealEvent);
+    assert_equals(e.type, "pagereveal");
+    assert_equals(e.viewTransition, null);
+}, "Constructing pagereveal event with a null viewTransition");
+test(function() {
+    const viewTransition = document.startViewTransition();
+    var e = new PageRevealEvent("pagereveal", {viewTransition});
+    assert_true(e instanceof PageRevealEvent);
+    assert_equals(e.type, "pagereveal");
+    assert_equals(e.viewTransition, viewTransition);
+}, "Constructing pagereveal event with a viewTransition");
+</script>
\ No newline at end of file
diff --git a/css/css-view-transitions/navigation/pageswap-ctor.html b/css/css-view-transitions/navigation/pageswap-ctor.html
new file mode 100644
index 00000000000000..3e4e9b6466156f
--- /dev/null
+++ b/css/css-view-transitions/navigation/pageswap-ctor.html
@@ -0,0 +1,54 @@
+<!doctype html>
+<title> PageSwapEvent constructor</title>
+<link rel="help" href="https://html.spec.whatwg.org/multipage/nav-history-apis.html#the-pageswapevent-interface">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<div id="log"></div>
+<script>
+test(function() {
+    var e = new PageSwapEvent("something");
+    assert_true(e instanceof PageSwapEvent);
+    assert_equals(e.type, "something");
+    assert_equals(e.viewTransition, null);
+    assert_equals(e.activation, null);
+}, "Constructing pageswap event");
+
+test(function() {
+    var e = new PageSwapEvent("pageswap");
+    assert_true(e instanceof PageSwapEvent);
+    assert_equals(e.type, "pageswap");
+    assert_equals(e.viewTransition, null);
+    assert_equals(e.activation, null);
+}, "Constructing pageswap event with a custom name");
+
+test(function() {
+    var e = new PageSwapEvent("pageswap", {});
+    assert_true(e instanceof PageSwapEvent);
+    assert_equals(e.type, "pageswap");
+    assert_equals(e.viewTransition, null);
+    assert_equals(e.activation, null);
+}, "Constructing pageswap event with empty dictionary");
+
+test(function() {
+    var e = new PageSwapEvent("pageswap", {viewTransition: null});
+    assert_true(e instanceof PageSwapEvent);
+    assert_equals(e.type, "pageswap");
+    assert_equals(e.viewTransition, null);
+    assert_equals(e.activation, null);
+}, "Constructing pageswap event with a null viewTransition");
+test(function() {
+    const viewTransition = document.startViewTransition();
+    var e = new PageSwapEvent("pageswap", {viewTransition});
+    assert_true(e instanceof PageSwapEvent);
+    assert_equals(e.type, "pageswap");
+    assert_equals(e.viewTransition, viewTransition);
+}, "Constructing pageswap event with a viewTransition");
+test(function() {
+    const viewTransition = document.startViewTransition();
+    var e = new PageSwapEvent("pageswap", {viewTransition, activation: navigation.activation});
+    assert_true(e instanceof PageSwapEvent);
+    assert_equals(e.type, "pageswap");
+    assert_equals(e.viewTransition, viewTransition);
+    assert_equals(e.activation, navigation.activation);
+}, "Constructing pageswap event with a viewTransition and activation");
+</script>
\ No newline at end of file
