diff --git a/cypress/integration/examples/shadow-dom.ts b/cypress/integration/examples/shadow-dom.ts
new file mode 100644
index 000000000..697c63ad0
--- /dev/null
+++ b/cypress/integration/examples/shadow-dom.ts
@@ -0,0 +1,10 @@
+describe('shadow-dom example', () => {
+  beforeEach(() => cy.visit('examples/shadow-dom'))
+
+  it('renders slate editor inside nested shadow', () => {
+    const outerShadow = cy.dataCy('outer-shadow-root').shadow()
+    const innerShadow = outerShadow.find('> div').shadow()
+
+    innerShadow.findByRole('textbox').should('exist')
+  })
+})
diff --git a/site/examples/shadow-dom.tsx b/site/examples/shadow-dom.tsx
index e834c7d87..30ee46bf4 100644
--- a/site/examples/shadow-dom.tsx
+++ b/site/examples/shadow-dom.tsx
@@ -24,7 +24,7 @@ const ShadowDOM = () => {
     ReactDOM.render(<ShadowEditor />, reactRoot)
   })
 
-  return <div ref={container} />
+  return <div ref={container} data-cy="outer-shadow-root" />
 }
 
 const ShadowEditor = () => {