diff --git a/client/cypress/fixtures/mocks.js b/client/cypress/fixtures/mocks.js
index ceaf95a5..d54c15ce 100644
--- a/client/cypress/fixtures/mocks.js
+++ b/client/cypress/fixtures/mocks.js
@@ -1,4 +1,25 @@
 export default {
   UUID: () => '123-456-789',
   GenericStreamFieldType: () => 'GenericStreamFieldType',
+  DateTime: () => '2021-01-01Z10:01:23',
+  SnapshotNode: () => ({
+    //   id: ID!
+    //   module: ModuleNode!
+      chapters: [],
+    //   chapters: [SnapshotChapterNode]
+    //   hiddenContentBlocks(offset: Int, before: String, after: String, first: Int, last: Int, slug: String, title: String): ContentBlockNodeConnection!
+    //   created: DateTime!
+    //   creator: String!
+    //   shared: Boolean!
+    //   objectiveGroups: [SnapshotObjectiveGroupNode]
+    //   hiddenObjectives(offset: Int, before: String, after: String, first: Int, last: Int, text: String): ObjectiveNodeConnection!
+      title: 'MockSnapshotTitle',
+      metaTitle: 'MockSnapshotMetaTitle'
+    //   heroImage: String
+    //   changes: SnapshotChangesNode
+    //   mine: Boolean
+  }),
+  ContentBlockNode: () => ({
+    contents: [],
+  }),
 };
diff --git a/client/cypress/integration/frontend/snapshots.spec.js b/client/cypress/integration/frontend/snapshots.spec.js
index ebacda10..cb0edd62 100644
--- a/client/cypress/integration/frontend/snapshots.spec.js
+++ b/client/cypress/integration/frontend/snapshots.spec.js
@@ -41,6 +41,17 @@ const operations = isTeacher => ({
         ],
       },
     },
+    SnapshotDetail: {
+      snapshot: {
+        chapters: [],
+        module: {}
+      }
+    },
+    ApplySnapshot: {
+      applySnapshot: {
+        success: true
+      }
+    }
   },
 });
 
@@ -93,6 +104,11 @@ describe('Snapshot', () => {
 
     cy.mockGraphqlOps(operations(true));
     cy.visit('module/miteinander-reden/snapshots');
-    cy.get('Not Implemented');
+    cy.getByDataCy('snapshot-link').click();
+    cy.getByDataCy('apply-checkbox').click();
+    cy.getByDataCy('apply-button').click();
+
+    cy.getByDataCy('module-title').should('exist');
+    cy.getByDataCy('snapshot-header').should('not.exist');
   });
 });
diff --git a/client/src/components/modules/SnapshotHeader.vue b/client/src/components/modules/SnapshotHeader.vue
index 6f108b5b..b5f2817c 100644
--- a/client/src/components/modules/SnapshotHeader.vue
+++ b/client/src/components/modules/SnapshotHeader.vue
@@ -1,5 +1,7 @@
 <template>
-  <div class="snapshot-header">
+  <div
+    class="snapshot-header"
+    data-cy="snapshot-header">
     <h1>Snapshot {{ id }}</h1>
     <div class="snapshot-header__meta">
       {{ created }} – {{ snapshot.creator }}
@@ -27,6 +29,7 @@
       <div>
         <checkbox
           :checked="agreement"
+          data-cy="apply-checkbox"
           label="Ich will die Anpassungen aus diesem Snapshot in das Modul kopieren."
           @input="agreement = $event"/>
       </div>
@@ -37,6 +40,7 @@
         :disabled="!agreement"
         :class="{'button--disabled-alt': !agreement}"
         class="button button--primary"
+        data-cy="apply-button"
         @click="apply">Snapshot anwenden
       </button>
       <button
diff --git a/client/src/components/modules/SnapshotListItem.vue b/client/src/components/modules/SnapshotListItem.vue
index c198b292..f065e0b3 100644
--- a/client/src/components/modules/SnapshotListItem.vue
+++ b/client/src/components/modules/SnapshotListItem.vue
@@ -3,6 +3,7 @@
     <router-link
       :to="snapshotRoute"
       class="snapshot-list-item__title"
+      data-cy="snapshot-link"
       v-html="snapshot.title"/>
     <span
       class="snapshot-list-item__date"