From c826417f73d4ce100471a073e8bbc16f1724e8c9 Mon Sep 17 00:00:00 2001
From: Duane Nykamp <nykamp@umn.edu>
Date: Tue, 3 Oct 2023 06:43:21 -0500
Subject: [PATCH] add media to test-cypress and test-viewer

---
 .../e2e/dynamicalsystem/cobwebpolyline.cy.js  |   2 +-
 .../cypress/e2e/tagSpecific/copy.cy.js        |  16 +-
 ...jvrb7y755a2xg3yhayg5jllknuedks4oalm.doenet |  10 +
 ...ilr5khjxqsuqddgurnutqczyebj7lzw7zyy.doenet |   5 +
 ...a62rpgpkyy33edxc4z2wkvcgluuqo2gbenu.doenet |   5 +
 ...csiravqyy7xnpynyskilyg2etb3hva7oe74.doenet |  14 +
 ...gsr42jvt266ourxqlpukspkedwe7kfwflze.doenet |  91 ++++
 ...xlnuj3suf3xo236enwidz5wyeew7pcec3ba.doenet |   3 +
 ...cu62bumszzrxqgukaetwywajjbbnh45zfqa.doenet |  55 ++
 ...2i2iu2743vvzrvttjy55vcmvunka7nu3ope.doenet |   4 +
 ...bfh5jnj75kty7vjz7w6zo7goyxpwr2e7wti.doenet |  13 +
 ...ke4rw7magtcrbrjgeo6ihkoyonsig7wciey.doenet |  31 ++
 ...i5ftoevhbymn34dyi4inqsxdfvfskj234qi.doenet | 497 ++++++++++++++++++
 ...mclbsgzcsdsswhmtfcrqq7m6datze2tiwu4.doenet |   1 +
 ...so2l4rtqgbcgli2bhbdzmccaopj3u6fkmdy.doenet |  35 ++
 ...nshkyfupp3egx6ep3jgnlo747d6s5v7nznu.doenet |  34 ++
 ...gye222eugueeg2lxuijobo4bvyyjxxceaqy.doenet |  68 +++
 ...zyrlnzbrd3aqpgs2rvt5ednsm3qdbk7aduy.doenet |  59 +++
 ...cscknot5jttw6mtfp5j4bmfwsyufxh6aav4.doenet |  31 ++
 packages/test-cypress/vite.config.ts          |   4 +
 packages/test-viewer/vite.config.ts           |   4 +
 21 files changed, 973 insertions(+), 9 deletions(-)
 create mode 100644 packages/test-cypress/media/bafkreia3r7nyo7bvh3xnx47jvrb7y755a2xg3yhayg5jllknuedks4oalm.doenet
 create mode 100644 packages/test-cypress/media/bafkreia7xqmfuhas6yrpr7hilr5khjxqsuqddgurnutqczyebj7lzw7zyy.doenet
 create mode 100644 packages/test-cypress/media/bafkreiatlgd6rb5reyd33tba62rpgpkyy33edxc4z2wkvcgluuqo2gbenu.doenet
 create mode 100644 packages/test-cypress/media/bafkreiatr7qxnkb5lnjd7bccsiravqyy7xnpynyskilyg2etb3hva7oe74.doenet
 create mode 100644 packages/test-cypress/media/bafkreiatwotzdmrphuof5j4gsr42jvt266ourxqlpukspkedwe7kfwflze.doenet
 create mode 100644 packages/test-cypress/media/bafkreiblfl6xriye7uuiik6xlnuj3suf3xo236enwidz5wyeew7pcec3ba.doenet
 create mode 100644 packages/test-cypress/media/bafkreici7lwt3yywhf75ypbcu62bumszzrxqgukaetwywajjbbnh45zfqa.doenet
 create mode 100644 packages/test-cypress/media/bafkreid5s6fwzzfaax7pr3d2i2iu2743vvzrvttjy55vcmvunka7nu3ope.doenet
 create mode 100644 packages/test-cypress/media/bafkreide4mismb45mxved2ibfh5jnj75kty7vjz7w6zo7goyxpwr2e7wti.doenet
 create mode 100644 packages/test-cypress/media/bafkreidqud3rixmphu3jufuke4rw7magtcrbrjgeo6ihkoyonsig7wciey.doenet
 create mode 100644 packages/test-cypress/media/bafkreief4dcu4mfiqfib2xii5ftoevhbymn34dyi4inqsxdfvfskj234qi.doenet
 create mode 100644 packages/test-cypress/media/bafkreiewuu4vpro2d3vxm3wmclbsgzcsdsswhmtfcrqq7m6datze2tiwu4.doenet
 create mode 100644 packages/test-cypress/media/bafkreifbeoxzphrpufrirccso2l4rtqgbcgli2bhbdzmccaopj3u6fkmdy.doenet
 create mode 100644 packages/test-cypress/media/bafkreifgmyjuw4m6odukznenshkyfupp3egx6ep3jgnlo747d6s5v7nznu.doenet
 create mode 100644 packages/test-cypress/media/bafkreighf6sivfiy44rjw6ogye222eugueeg2lxuijobo4bvyyjxxceaqy.doenet
 create mode 100644 packages/test-cypress/media/bafkreigqo7xagr2hyfacifhzyrlnzbrd3aqpgs2rvt5ednsm3qdbk7aduy.doenet
 create mode 100644 packages/test-cypress/media/bafkreigvxxq2khrtoltaqfecscknot5jttw6mtfp5j4bmfwsyufxh6aav4.doenet

diff --git a/packages/test-cypress/cypress/e2e/dynamicalsystem/cobwebpolyline.cy.js b/packages/test-cypress/cypress/e2e/dynamicalsystem/cobwebpolyline.cy.js
index 4603b5de4..9fc3a9d67 100644
--- a/packages/test-cypress/cypress/e2e/dynamicalsystem/cobwebpolyline.cy.js
+++ b/packages/test-cypress/cypress/e2e/dynamicalsystem/cobwebpolyline.cy.js
@@ -1861,7 +1861,7 @@ describe("CobwebPolyline Tag Tests", function () {
     <function name="f">2x-x^2/3</function>
   </setup>
   
-  <copy uri="doenet:cid=bafkreic2ntu5jyvhrm5wnfxngtao35dupv6so547rw32y5hnb4dn2gt4um" name="gradedApplet" function="$f" xmin="-0.8" xmax="7" ymin="-1" ymax="4" width="320px" height="200px" attractThreshold="0.2" showNavigation="false" numIterationsRequired="3" initialValueDx="0.2" x0="1" />
+  <copy uri="doenet:cid=bafkreiatwotzdmrphuof5j4gsr42jvt266ourxqlpukspkedwe7kfwflze" name="gradedApplet" function="$f" xmin="-0.8" xmax="7" ymin="-1" ymax="4" width="320px" height="200px" attractThreshold="0.2" showNavigation="false" numIterationsRequired="3" initialValueDx="0.2" x0="1" />
   
   `,
                 },
diff --git a/packages/test-cypress/cypress/e2e/tagSpecific/copy.cy.js b/packages/test-cypress/cypress/e2e/tagSpecific/copy.cy.js
index 02afe4abc..94b5fd26a 100644
--- a/packages/test-cypress/cypress/e2e/tagSpecific/copy.cy.js
+++ b/packages/test-cypress/cypress/e2e/tagSpecific/copy.cy.js
@@ -11946,7 +11946,7 @@ describe("Copy Tag Tests", function () {
                 {
                     doenetML: `
     <text>a</text>
-    <copy uri="doenet:cid=bafkreiewcn63sugv6o6ernb2vljtt4d36zqn5pjxxy77qwfz2frejwnzhm" name="greetings" />
+    <copy uri="doenet:cid=bafkreifbeoxzphrpufrirccso2l4rtqgbcgli2bhbdzmccaopj3u6fkmdy" name="greetings" />
 
     <p>Don't get this: <text name="hi">Bye</text></p>
     
@@ -11992,7 +11992,7 @@ describe("Copy Tag Tests", function () {
                 {
                     doenetML: `
     <text>a</text>
-    <copy uri="doenet:cid=bafkreidpoi2m2sr52dm7hca3zlnnpm4vdgmtse7jx74zfvaee2ogfxnyqy" name="greetings" />
+    <copy uri="doenet:cid=bafkreici7lwt3yywhf75ypbcu62bumszzrxqgukaetwywajjbbnh45zfqa" name="greetings" />
 
     <p>Don't get this: <text name="hi">Bye</text></p>
     
@@ -12056,7 +12056,7 @@ describe("Copy Tag Tests", function () {
                 {
                     doenetML: `
     <text>a</text>
-    <section copyFromURI="doenet:cid=bafkreidpoi2m2sr52dm7hca3zlnnpm4vdgmtse7jx74zfvaee2ogfxnyqy" name="greetings" />
+    <section copyFromURI="doenet:cid=bafkreici7lwt3yywhf75ypbcu62bumszzrxqgukaetwywajjbbnh45zfqa" name="greetings" />
 
     <p>Don't get this: <text name="hi">Bye</text></p>
     
@@ -12120,7 +12120,7 @@ describe("Copy Tag Tests", function () {
                 {
                     doenetML: `
     <text>a</text>
-    <copy uri="doenet:cid=bafkreickzviscuc3v3bodp73qfgarfexcasf6txflg5huseru2qdpylaou" name="greetings" />
+    <copy uri="doenet:cid=bafkreigqo7xagr2hyfacifhzyrlnzbrd3aqpgs2rvt5ednsm3qdbk7aduy" name="greetings" />
 
     <p>Don't get this: <text name="hi">Bye</text></p>
     
@@ -12213,7 +12213,7 @@ describe("Copy Tag Tests", function () {
                 {
                     doenetML: `
     <text>a</text>
-    <section copyFromURI="doenet:cid=bafkreickzviscuc3v3bodp73qfgarfexcasf6txflg5huseru2qdpylaou" name="greetings" />
+    <section copyFromURI="doenet:cid=bafkreigqo7xagr2hyfacifhzyrlnzbrd3aqpgs2rvt5ednsm3qdbk7aduy" name="greetings" />
 
     <p>Don't get this: <text name="hi">Bye</text></p>
     
@@ -12306,7 +12306,7 @@ describe("Copy Tag Tests", function () {
                 {
                     doenetML: `
     <text>a</text>
-    <copy uri="doenet:cid=bafkreiccroxlq6rumheoxcs2vfze2h6u6ybi3yx4snhn7asbidbbit6wqa" name="greet" />
+    <copy uri="doenet:cid=bafkreiblfl6xriye7uuiik6xlnuj3suf3xo236enwidz5wyeew7pcec3ba" name="greet" />
 
     <p>Don't get this 2: <text name="hi">Leave</text></p>
     
@@ -12360,7 +12360,7 @@ describe("Copy Tag Tests", function () {
                 {
                     doenetML: `
     <text>a</text>
-    <copy uri="doenet:cid=bafkreic2z7kam3hnfbbpscwurh5lidhmtxmdlxcv7xtewp5mkqq32envae" name="greet" />
+    <copy uri="doenet:cid=bafkreiatlgd6rb5reyd33tba62rpgpkyy33edxc4z2wkvcgluuqo2gbenu" name="greet" />
 
     <p>Don't get this 2: <text name="hi">Leave</text></p>
     
@@ -12420,7 +12420,7 @@ describe("Copy Tag Tests", function () {
                 {
                     doenetML: `
     <text>a</text>
-    <section copyfromuri="doenet:cid=bafkreic2z7kam3hnfbbpscwurh5lidhmtxmdlxcv7xtewp5mkqq32envae" name="greet" />
+    <section copyfromuri="doenet:cid=bafkreiatlgd6rb5reyd33tba62rpgpkyy33edxc4z2wkvcgluuqo2gbenu" name="greet" />
 
     <p>Don't get this 2: <text name="hi">Leave</text></p>
     
diff --git a/packages/test-cypress/media/bafkreia3r7nyo7bvh3xnx47jvrb7y755a2xg3yhayg5jllknuedks4oalm.doenet b/packages/test-cypress/media/bafkreia3r7nyo7bvh3xnx47jvrb7y755a2xg3yhayg5jllknuedks4oalm.doenet
new file mode 100644
index 000000000..b799c71a1
--- /dev/null
+++ b/packages/test-cypress/media/bafkreia3r7nyo7bvh3xnx47jvrb7y755a2xg3yhayg5jllknuedks4oalm.doenet
@@ -0,0 +1,10 @@
+<p name="p">The <alert>DoenetML</alert> of a graph:</p>
+
+<pre><displayDoenetML>
+  <graph>
+    <point name="P" />
+  </graph>
+</displayDoenetML></pre>
+
+<p>The DoenetML of the p:</p>
+<pre>$p.doenetML</pre>
diff --git a/packages/test-cypress/media/bafkreia7xqmfuhas6yrpr7hilr5khjxqsuqddgurnutqczyebj7lzw7zyy.doenet b/packages/test-cypress/media/bafkreia7xqmfuhas6yrpr7hilr5khjxqsuqddgurnutqczyebj7lzw7zyy.doenet
new file mode 100644
index 000000000..cb36b5301
--- /dev/null
+++ b/packages/test-cypress/media/bafkreia7xqmfuhas6yrpr7hilr5khjxqsuqddgurnutqczyebj7lzw7zyy.doenet
@@ -0,0 +1,5 @@
+<variantControl numVariants="2" variantNames="first last" />
+<select>
+  <option selectForVariants="first">first</option>
+  <option selectForVariants="last">last</option>
+</select>
\ No newline at end of file
diff --git a/packages/test-cypress/media/bafkreiatlgd6rb5reyd33tba62rpgpkyy33edxc4z2wkvcgluuqo2gbenu.doenet b/packages/test-cypress/media/bafkreiatlgd6rb5reyd33tba62rpgpkyy33edxc4z2wkvcgluuqo2gbenu.doenet
new file mode 100644
index 000000000..e55628569
--- /dev/null
+++ b/packages/test-cypress/media/bafkreiatlgd6rb5reyd33tba62rpgpkyy33edxc4z2wkvcgluuqo2gbenu.doenet
@@ -0,0 +1,5 @@
+<section>
+<section copyFromUri="doenet:cid=bafkreici7lwt3yywhf75ypbcu62bumszzrxqgukaetwywajjbbnh45zfqa" name="greetings" />
+
+<p>Don't get this: <text name="hi">Bye</text></p>
+</section>
\ No newline at end of file
diff --git a/packages/test-cypress/media/bafkreiatr7qxnkb5lnjd7bccsiravqyy7xnpynyskilyg2etb3hva7oe74.doenet b/packages/test-cypress/media/bafkreiatr7qxnkb5lnjd7bccsiravqyy7xnpynyskilyg2etb3hva7oe74.doenet
new file mode 100644
index 000000000..c606bb4af
--- /dev/null
+++ b/packages/test-cypress/media/bafkreiatr7qxnkb5lnjd7bccsiravqyy7xnpynyskilyg2etb3hva7oe74.doenet
@@ -0,0 +1,14 @@
+<section boxed>
+  <title>Copied content</title>
+<copy uri="doenet:cid=bafkreia3r7nyo7bvh3xnx47jvrb7y755a2xg3yhayg5jllknuedks4oalm" 
+ name="external"/>
+</section>
+
+<p>Grab the DoenetML from external p:</p>
+
+<pre>$(external/p.doenetML)</pre>
+
+<p>DoenetML of single line:</p>
+<pre><displayDoenetML>
+  <text>hi</text>
+</displayDoenetML></pre>
diff --git a/packages/test-cypress/media/bafkreiatwotzdmrphuof5j4gsr42jvt266ourxqlpukspkedwe7kfwflze.doenet b/packages/test-cypress/media/bafkreiatwotzdmrphuof5j4gsr42jvt266ourxqlpukspkedwe7kfwflze.doenet
new file mode 100644
index 000000000..b11cc4325
--- /dev/null
+++ b/packages/test-cypress/media/bafkreiatwotzdmrphuof5j4gsr42jvt266ourxqlpukspkedwe7kfwflze.doenet
@@ -0,0 +1,91 @@
+<module name="cobwebAppletGraded">
+  <setup>
+    <customAttribute componentType="function" attribute="function" defaultValue="x(4-x)"
+      assignNames="f" />
+    <customAttribute componentType="number" attribute="x0" defaultValue="1" assignNames="x0" />
+    <customAttribute componentType="number" attribute="initialInitialValue" defaultValue="0"
+      assignNames="initialInitialValue" />
+    <customAttribute componentType="number" attribute="initialValueDx" defaultValue="0.5"
+      assignNames="initialValueDx" />
+    <customAttribute componentType="number" attribute="initialValueOffset" defaultValue="0"
+      assignNames="initialValueOffset" />
+    <customAttribute componentType="number" attribute="numIterationsRequired" defaultValue="0"
+      assignNames="numIterationsRequired" />
+    <customAttribute componentType="_componentSize" attribute="width" defaultValue="300px"
+      assignNames="width" />
+    <customAttribute componentType="_componentSize" attribute="height" defaultValue="300px"
+      assignNames="height" />
+    <customAttribute componentType="number" attribute="xmin" defaultValue="-10" assignNames="xmin" />
+    <customAttribute componentType="number" attribute="xmax" defaultValue="10" assignNames="xmax" />
+    <customAttribute componentType="number" attribute="ymin" defaultValue="-10" assignNames="ymin" />
+    <customAttribute componentType="number" attribute="ymax" defaultValue="10" assignNames="ymax" />
+    <customAttribute componentType="boolean" attribute="showNavigation" defaultValue="true"
+      assignNames="showNavigation" />
+    <customAttribute componentType="number" attribute="attractThreshold" defaultValue="0.5"
+      assignNames="attractThreshold" />
+    <customAttribute componentType="math" attribute="variable" defaultValue="x"
+      assignNames="variable" />
+    <customAttribute componentType="math" attribute="timeVariable" defaultValue="n"
+      assignNames="timeVariable" />
+    <customAttribute componentType="boolean" attribute="checkInitialCondition" defaultValue="true"
+      assignNames="checkInitialCondition" />
+    <customAttribute componentType="number" attribute="initialConditionWeight" defaultValue="1"
+      assignNames="initialConditionWeight" />
+    <customAttribute componentType="number" attribute="cobwebbingWeight" defaultValue="1"
+      assignNames="cobwebbingWeight" />
+    <customAttribute componentType="boolean" attribute="showCalculatedValues" defaultValue="true"
+      assignNames="showCalculatedValues" />
+    <customAttribute componentType="text" attribute="grid" defaultValue="none" assignNames="grid" />
+    <customAttribute componentType="point" attribute="defaultPoint" defaultValue=""
+      assignNames="defaultPoint" />
+  </setup>
+
+  <copy
+    uri="doenet:cid=bafkreighf6sivfiy44rjw6ogye222eugueeg2lxuijobo4bvyyjxxceaqy&doenetId=2dnQm1B4zsbGzreEn0GKa"
+    name="cobwebApplet" function="$f" x0="$x0" initialInitialValue="$initialInitialValue"
+    initialValueDx="$initialValueDx" initialValueOffset="$initialValueOffset"
+    numIterationsRequired="$numIterationsRequired" width="$width" height="$height" xmin="$xmin"
+    xmax="$xmax" ymin="$ymin" ymax="$ymax" showNavigation="$showNavigation"
+    attractThreshold="$attractThreshold" variable="$variable" timeVariable="$timeVariable"
+    showCalculatedValues="$showCalculatedValues" grid="$grid" defaultPoint="$defaultPoint" />
+
+  <conditionalContent condition="$checkInitialCondition">
+    <p>Initial condition: <answer name="initialCorrect" weight="$initialConditionWeight">
+        <award>
+          <when>
+            <copy source="cobwebApplet/initialCorrect" />
+          </when>
+        </award>
+        <considerAsResponses>
+          <copy source="cobwebApplet/initialPoint" />
+          <copy source="cobwebApplet/atLeastOnePoint" />
+        </considerAsResponses>
+      </answer>
+    </p>
+  </conditionalContent>
+
+  <p>Correct cobwebbing: <answer name="correctCobwebbing" weight="$cobwebbingWeight">
+      <award credit="$(cobwebApplet/fractionCorrectCobweb)">
+        <when>true</when>
+      </award>
+      <considerAsResponses>
+        <copy prop="numIterateValues" source="cobwebApplet/cobwebPolyline" />
+        <and>
+          <copy prop="correctVertices" source="cobwebApplet/cobwebPolyline" />
+        </and>
+        <copy prop="vertices" source="cobwebApplet/cobwebPolyline" />
+      </considerAsResponses>
+    </answer>
+  </p>
+  <feedback condition="$(correctCobwebbing.submittedResponse1) = 1" name="startFeedback">
+    To start cobwebbing, click the "Add line" button and move the point at the end of the line.
+  </feedback>
+  <feedback condition="$(correctCobwebbing.submittedResponse2) = false" name="incorrectFeedback">
+    At least one point on cobweb plot is incorrect.
+  </feedback>
+  <feedback
+    condition="$(correctCobwebbing.submittedResponse2) = true and $(correctCobwebbing.submittedResponse1) > 1 and $(correctCobwebbing.submittedResponse1) <= $numIterationsRequired"
+    name="insufficientFeedback"> For full credit, calculate at least $numIterationsRequired iterates
+    (i.e., to <m>x_{$numIterationsRequired}</m>). </feedback>
+
+</module>
\ No newline at end of file
diff --git a/packages/test-cypress/media/bafkreiblfl6xriye7uuiik6xlnuj3suf3xo236enwidz5wyeew7pcec3ba.doenet b/packages/test-cypress/media/bafkreiblfl6xriye7uuiik6xlnuj3suf3xo236enwidz5wyeew7pcec3ba.doenet
new file mode 100644
index 000000000..ac1a785ce
--- /dev/null
+++ b/packages/test-cypress/media/bafkreiblfl6xriye7uuiik6xlnuj3suf3xo236enwidz5wyeew7pcec3ba.doenet
@@ -0,0 +1,3 @@
+<copy uri="doenet:cid=bafkreifbeoxzphrpufrirccso2l4rtqgbcgli2bhbdzmccaopj3u6fkmdy" name="greetings" />
+
+<p>Don't get this: <text name="hi">Bye</text></p>
\ No newline at end of file
diff --git a/packages/test-cypress/media/bafkreici7lwt3yywhf75ypbcu62bumszzrxqgukaetwywajjbbnh45zfqa.doenet b/packages/test-cypress/media/bafkreici7lwt3yywhf75ypbcu62bumszzrxqgukaetwywajjbbnh45zfqa.doenet
new file mode 100644
index 000000000..e70d4ed2e
--- /dev/null
+++ b/packages/test-cypress/media/bafkreici7lwt3yywhf75ypbcu62bumszzrxqgukaetwywajjbbnh45zfqa.doenet
@@ -0,0 +1,55 @@
+<section><title>Outer</title>
+  <p>Intended target: <text name="hi">Hello</text></p>
+
+  <p>Five copies:
+    <copy source="hi" name="c1" />
+    <copy source="/hi" name="c2" />
+    <copy source="../hi" name="c3" />
+    <copy source="../../hi" name="c4" />
+    <copy source="../../../hi" name="c5" />
+  </p>
+
+  <section name="s" newNamespace><title>New namespace</title>
+    <p>Local target: <text name="hi">Hola</text></p>
+    <p>Five copies of local: 
+      <copy source="hi" name="l1" />
+      <copy source="/s/hi" name="l2" />
+      <copy source="../s/hi" name="l3" />
+      <copy source="../../s/hi" name="l4" />
+      <copy source="../../../s/hi" name="l5" />
+    </p>
+    <p>Five copies of base:
+      <copy source="/hi" name="c1" />
+      <copy source="../hi" name="c2" />
+      <copy source="../../hi" name="c3" />
+      <copy source="../../../hi" name="c4" />
+      <copy source="../../../../hi" name="c5" />
+    </p>
+
+    <subsection name="s" newNamespace><title>Another new namespace</title>
+      <p>Local target: <text name="hi">Marhaban</text></p>
+      <p>Five copies of local:
+        <copy source="hi" name="l1" />
+        <copy source="/s/s/hi" name="l2" />
+        <copy source="../s/hi" name="l3" />
+        <copy source="../../s/s/hi" name="l4" />
+        <copy source="../../../s/s/hi" name="l5" />
+      </p>
+      <p>Five copies of middle: 
+        <copy source="/s/hi" name="m1" />
+        <copy source="../hi" name="m2" />
+        <copy source="../../s/hi" name="m3" />
+        <copy source="../../../s/hi" name="m4" />
+        <copy source="../../../../s/hi" name="m5" />
+      </p>
+      <p>Five copies of base:
+        <copy source="/hi" name="c1" />
+        <copy source="../../hi" name="c2" />
+        <copy source="../../../hi" name="c3" />
+        <copy source="../../../../hi" name="c4" />
+        <copy source="../../../../../hi" name="c5" />
+      </p>
+    </subsection>
+
+  </section>
+</section>
\ No newline at end of file
diff --git a/packages/test-cypress/media/bafkreid5s6fwzzfaax7pr3d2i2iu2743vvzrvttjy55vcmvunka7nu3ope.doenet b/packages/test-cypress/media/bafkreid5s6fwzzfaax7pr3d2i2iu2743vvzrvttjy55vcmvunka7nu3ope.doenet
new file mode 100644
index 000000000..04f059028
--- /dev/null
+++ b/packages/test-cypress/media/bafkreid5s6fwzzfaax7pr3d2i2iu2743vvzrvttjy55vcmvunka7nu3ope.doenet
@@ -0,0 +1,4 @@
+
+<copy name="problem1" uri="doenet:CID=bafkreifgmyjuw4m6odukznenshkyfupp3egx6ep3jgnlo747d6s5v7nznu" />
+    
+<copy name="problem2" uri="doenet:CID=bafkreide4mismb45mxved2ibfh5jnj75kty7vjz7w6zo7goyxpwr2e7wti" />
diff --git a/packages/test-cypress/media/bafkreide4mismb45mxved2ibfh5jnj75kty7vjz7w6zo7goyxpwr2e7wti.doenet b/packages/test-cypress/media/bafkreide4mismb45mxved2ibfh5jnj75kty7vjz7w6zo7goyxpwr2e7wti.doenet
new file mode 100644
index 000000000..c187b3c79
--- /dev/null
+++ b/packages/test-cypress/media/bafkreide4mismb45mxved2ibfh5jnj75kty7vjz7w6zo7goyxpwr2e7wti.doenet
@@ -0,0 +1,13 @@
+<problem name="derivativeProblem" newNamespace >
+  <title>Derivative problem</title>
+
+  <p>What is the derivative of <math name="expr">x^2</math>?
+    <answer>
+      <award>
+        <derivative>$expr</derivative>
+      </award>
+    </answer>
+  </p>
+
+
+</problem>
\ No newline at end of file
diff --git a/packages/test-cypress/media/bafkreidqud3rixmphu3jufuke4rw7magtcrbrjgeo6ihkoyonsig7wciey.doenet b/packages/test-cypress/media/bafkreidqud3rixmphu3jufuke4rw7magtcrbrjgeo6ihkoyonsig7wciey.doenet
new file mode 100644
index 000000000..0066d0730
--- /dev/null
+++ b/packages/test-cypress/media/bafkreidqud3rixmphu3jufuke4rw7magtcrbrjgeo6ihkoyonsig7wciey.doenet
@@ -0,0 +1,31 @@
+  <title>Animal sounds</title>
+
+  <variantControl nvariants="4" variantNames="cat dog mouse fish"/>
+  
+  <select assignNames="(animal sound)" hide>
+    <option selectForVariantNames="cat">
+      <text>cat</text><text>meow</text>
+    </option>
+    <option selectForVariantNames="dog">
+      <text>dog</text><text>woof</text>
+    </option>
+    <option selectForVariantNames="mouse">
+      <text>mouse</text><text>squeak</text>
+    </option>
+    <option selectForVariantNames="fish">
+      <text>fish</text><text>blub</text>
+    </option>
+  </select>
+  
+  <p>What does the $animal say?</p>
+  <answer name="ans">
+    <choiceinput randomizeOrder>
+    <choice credit="$animal=cat" >meow</choice>
+    <choice credit="$animal=dog" >woof</choice>
+    <choice credit="$animal=mouse" >squeak</choice>
+    <choice credit="$animal=fish" >blub</choice>
+    </choiceinput>
+  </answer>
+  
+  <feedback condition="$ans=$sound"><p>That's right, the $animal goes $sound!</p></feedback>
+  <feedback condition="$ans!=$sound"><p>Try again.</p></feedback>
diff --git a/packages/test-cypress/media/bafkreief4dcu4mfiqfib2xii5ftoevhbymn34dyi4inqsxdfvfskj234qi.doenet b/packages/test-cypress/media/bafkreief4dcu4mfiqfib2xii5ftoevhbymn34dyi4inqsxdfvfskj234qi.doenet
new file mode 100644
index 000000000..ee5dd2990
--- /dev/null
+++ b/packages/test-cypress/media/bafkreief4dcu4mfiqfib2xii5ftoevhbymn34dyi4inqsxdfvfskj234qi.doenet
@@ -0,0 +1,497 @@
+<module name="initialCobwebTutorial">
+  <setup>
+    <customAttribute componentType="function" attribute="function" defaultValue="x(4-x)" assignNames="f" />
+    <customAttribute componentType="number" attribute="x0" defaultValue="0.5" assignNames="x0" />
+
+    <customAttribute componentType="_componentSize" attribute="width" defaultValue="300px" assignNames="width" />
+    <customAttribute componentType="_componentSize" attribute="height" defaultValue="300px" assignNames="height" />
+    <customAttribute componentType="number" attribute="xmin" defaultValue="-1" assignNames="xmin" />
+    <customAttribute componentType="number" attribute="xmax" defaultValue="5" assignNames="xmax" />
+    <customAttribute componentType="number" attribute="ymin" defaultValue="-1" assignNames="ymin" />
+    <customAttribute componentType="number" attribute="ymax" defaultValue="5" assignNames="ymax" />
+    <customAttribute componentType="boolean" attribute="showNavigation" defaultValue="true" assignNames="showNavigation" />
+    <customAttribute componentType="math" attribute="variable" defaultValue="x" assignNames="variable" />
+    <customAttribute componentType="number" attribute="attractThreshold" defaultValue="0.1" assignNames="attractThreshold" />
+    <customAttribute componentType="number" attribute="answerWeight" defaultValue="1" assignNames="answerWeight" />
+
+
+    <number name="step">0</number>
+    <number name="stepCompleted">0</number>
+    <number name="nPoints">0</number>
+    <number name="nVlines">0</number>
+    <number name="nHlines">0</number>
+
+    <math name="x1" displayDecimals="2">$$f($x0)</math>
+    <math name="x2" displayDecimals="2">$$f($x1)</math>
+    <boolean name="showX1Result">false</boolean>
+    <boolean name="showX2Result">false</boolean>
+    <number name="initX">($xmin+$xmax)/2</number>
+    <number name="initY">($ymin+$ymax)/2</number>
+    <number name="P1StyleNum">1</number>
+    <boolean name="P1Placed">$nPoints >= 1 and $P1 = ($x0,0)</boolean>
+    <number name="v1StyleNum">1</number>
+    <boolean name="v1Placed">$nVlines >= 1 and $pv11.x = $x0</boolean>
+    <number name="h1StyleNum">1</number>
+    <boolean name="h1Placed">$nHlines >= 1 and $ph11.y = $x1</boolean>
+    <number name="P2StyleNum">1</number>
+    <boolean name="P2Placed">$nPoints >= 2 and $P2 = (0,$x1)</boolean>
+    <number name="P3StyleNum">1</number>
+    <boolean name="P3Placed">$nPoints >= 2 and $P3 = ($x1,0)</boolean>
+    <number name="v2StyleNum">1</number>
+    <boolean name="v2Placed">$nVlines >= 2 and $pv21.x = $x1</boolean>
+    <number name="h2StyleNum">1</number>
+    <boolean name="h2Placed">$nHlines >= 2 and $ph21.y = $x2</boolean>
+    <number name="P4StyleNum">1</number>
+    <boolean name="P4Placed">$nPoints >= 4 and $P4 = (0,$x2)</boolean>
+    <boolean name="previewShortcut">false</boolean>
+
+    <triggerSet triggerWhen="$P1Placed">
+      <updateValue target="stepCompleted" newvalue="1" />
+      <updateValue target="P1StyleNum" newvalue="2" />
+    </triggerSet>
+
+    <triggerSet triggerWhen="not $P1Placed">
+      <updateValue target="stepCompleted" newvalue="0" />
+      <updateValue target="P1StyleNum" newvalue="1" />
+    </triggerSet>
+
+    <triggerSet triggerWhen="$v1Placed">
+      <updateValue target="stepCompleted" newvalue="2" />
+      <updateValue target="v1StyleNum" newvalue="2" />
+    </triggerSet>
+    <triggerSet triggerWhen="not $v1Placed">
+      <updateValue target="stepCompleted" newvalue="1" />
+      <updateValue target="v1StyleNum" newvalue="1" />
+    </triggerSet>
+
+    <updateValue triggerWhen="$h1Placed" target="h1StyleNum" newvalue="2" />
+    <updateValue triggerWhen="not $h1Placed" target="h1StyleNum" newvalue="1" />
+
+    <triggerSet triggerWhen="$P2Placed">
+      <updateValue target="stepCompleted" newvalue="3" />
+      <updateValue target="P2StyleNum" newvalue="2" />
+    </triggerSet>
+    <triggerSet triggerWhen="not $P2Placed">
+      <updateValue target="stepCompleted" newvalue="2" />
+      <updateValue target="P2StyleNum" newvalue="1" />
+    </triggerSet>
+
+    <triggerSet triggerWhen="$P3Placed">
+      <updateValue target="stepCompleted" newvalue="4" />
+      <updateValue target="P3StyleNum" newvalue="2" />
+    </triggerSet>
+    <triggerSet triggerWhen="not $P3Placed">
+      <updateValue target="stepCompleted" newvalue="3" />
+      <updateValue target="P3StyleNum" newvalue="1" />
+    </triggerSet>
+
+    <triggerSet triggerWhen="$v2Placed">
+      <updateValue target="stepCompleted" newvalue="5" />
+      <updateValue target="v2StyleNum" newvalue="2" />
+    </triggerSet>
+    <triggerSet triggerWhen="not $v2Placed">
+      <updateValue target="stepCompleted" newvalue="4" />
+      <updateValue target="v2StyleNum" newvalue="1" />
+    </triggerSet>
+
+    <updateValue triggerWhen="$h2Placed" target="h2StyleNum" newvalue="2" />
+    <updateValue triggerWhen="not $h2Placed" target="h2StyleNum" newvalue="1" />
+
+    <triggerSet triggerWhen="$P4Placed">
+      <updateValue target="P4StyleNum" newvalue="2" />
+      <updateValue target="stepCompleted" newvalue="6" />
+    </triggerSet>
+    <triggerSet triggerWhen="not $P4Placed">
+      <updateValue target="P4StyleNum" newvalue="1" />
+      <updateValue target="stepCompleted" newvalue="5" />
+    </triggerSet>
+
+
+    <point name="pv11" x="0" y="0">
+      <constraints>
+        <attractTo threshold="$attractThreshold"><line equation="x=$x0" /></attractTo>
+      </constraints>
+    </point>
+    <point name="pv12" x="0" y="1" >
+      <constraints>
+        <attractTo threshold="$attractThreshold"><line equation="x=$x0" /></attractTo>
+      </constraints>
+    </point>
+
+    <point name="ph11" x="0" y="0">
+      <constraints>
+        <attractTo threshold="$attractThreshold"><line equation="y=$x1" /></attractTo>
+      </constraints>
+    </point>
+    <point name="ph12" x="1" y="0" >
+      <constraints>
+        <attractTo threshold="$attractThreshold"><line equation="y=$x1" /></attractTo>
+      </constraints>
+    </point>
+
+    <point name="pv21" x="0" y="0">
+      <constraints>
+        <attractTo threshold="$attractThreshold"><line equation="x=$x1" /></attractTo>
+      </constraints>
+    </point>
+    <point name="pv22" x="0" y="1" >
+      <constraints>
+        <attractTo threshold="$attractThreshold"><line equation="x=$x1" /></attractTo>
+      </constraints>
+    </point>
+
+    <point name="ph21" x="0" y="0">
+      <constraints>
+        <attractTo threshold="$attractThreshold"><line equation="y=$x2" /></attractTo>
+      </constraints>
+    </point>
+    <point name="ph22" x="1" y="0" >
+      <constraints>
+        <attractTo threshold="$attractThreshold"><line equation="y=$x2" /></attractTo>
+      </constraints>
+    </point>
+
+    <copy source="P1" prop="coords" assignNames="P1coords" />
+    <copy source="P2" prop="coords" assignNames="P2coords" />
+    <copy source="P3" prop="coords" assignNames="P3coords" />
+    <copy source="P4" prop="coords" assignNames="P4coords" />
+    <copy source="pv11" prop="coords" assignNames="pv11coords" />
+    <copy source="pv12" prop="coords" assignNames="pv12coords" />
+    <copy source="pv21" prop="coords" assignNames="pv21coords" />
+    <copy source="pv22" prop="coords" assignNames="pv22coords" />
+    <copy source="ph11" prop="coords" assignNames="ph11coords" />
+    <copy source="ph12" prop="coords" assignNames="ph12coords" />
+    <copy source="ph21" prop="coords" assignNames="ph21coords" />
+    <copy source="ph22" prop="coords" assignNames="ph22coords" />
+
+    <number name="pflash">1</number>
+    <boolean name="flashShortcut">false</boolean>
+    <animateFromSequence name="animatePflash" animationMode='increase once' animationOn='$flashShortcut' target='pflash' animationInterval='500' from="1" to="5" />
+
+  </setup>
+
+  <sideBySide widths="75% 25%">
+
+  <graph width="$width" height="$height" xmin="$xmin" xmax="$xmax" ymin="$ymin" ymax="$ymax" xlabel="$(variable)_n" ylabel="$(variable)_{n+1}" showNavigation="$showNavigation" identicalAxisScales >
+
+    <curve styleNumber="3" fixed><copy source="f" /></curve>
+    <line styleNumber="4" equation="y=x" fixed />
+  
+    <point name="P1" hide="$nPoints < 1" x="$(initX.value{link='false'})" y="$(initY.value{link='false'})" fixed='$step > 1' styleNumber='$P1StyleNum'>
+      <label>($(variable)_0,0)</label>
+      <constraints>
+        <attractTo threshold="$attractThreshold"><point x="$x0" y="0" ></point></attractTo>
+      </constraints>
+    </point>
+
+    <line name="v1" through="$pv11 $pv12" hide="$nVlines < 1" fixed="$step > 2" styleNumber="$v1StyleNum" />
+
+    <line name="h1" through="$ph11 $ph12" hide="$nHlines < 1" fixed="$nPoints > 1" styleNumber="$h1StyleNum" />
+
+    <point name="P2" hide="$nPoints < 2" x="$(initX.value{link='false'})" y="$(initY.value{link='false'})" fixed='$step > 3' styleNumber='$P2StyleNum'>
+      <label>(0,$(variable)_1)</label>
+      <constraints>
+        <attractTo threshold="$attractThreshold"><point x="0" y="$x1" ></point></attractTo>
+      </constraints>
+    </point>
+
+    <point name="P3" hide="$nPoints < 3" x="$(initX.value{link='false'})" y="$(initY.value{link='false'})" fixed='$step > 4' styleNumber='$P3StyleNum'>
+      <label>($(variable)_1,0)</label>
+      <constraints>
+        <attractTo threshold="$attractThreshold"><point x="$x1" y="0" ></point></attractTo>
+      </constraints>
+    </point>
+
+    <line name="v2" through="$pv21 $pv22" hide="$nVlines < 2" fixed="$step > 5" styleNumber="$v2StyleNum" />
+
+    <line name="h2" through="$ph21 $ph22" hide="$nHlines < 2" fixed="$nPoints > 3" styleNumber="$h2StyleNum" />
+
+    <point name="P4" hide="$nPoints < 4" x="$(initX.value{link='false'})" y="$(initY.value{link='false'})" fixed='$step > 6' styleNumber='$P4StyleNum'>
+      <label>(0,$(variable)_2)</label>
+      <constraints>
+        <attractTo threshold="$attractThreshold"><point x="0" y="$x2" ></point></attractTo>
+      </constraints>
+    </point>
+
+    <polyline styleNumber="1" vertices="($x0,0) ($x0, $x1) ($x1, $x1) ($x1, $x2)" hide="mod($pflash, 2) = 0 or not $previewShortcut" fixed />
+
+  </graph>
+
+  <subsection>
+    <title>Results</title>
+
+    <md>
+      <mrow hide="not $P1Placed">
+        $(variable)_0 \amp = $(x0{displayDecimals="2"})
+      </mrow>
+      <mrow hide="not $P2Placed">
+        $(variable)_1 \amp = $x1
+      </mrow>
+      <mrow hide="not $P4Placed">
+        $(variable)_2 \amp = $(x2{displayDecimals="2"})
+      </mrow>
+    </md>
+
+  </subsection>
+  </sideBySide>
+
+  <sideBySide>
+  <aside boxed collapsible="false">
+    <title>Goal</title>
+
+    <conditionalContent>
+      <case condition="$step = 0">
+        <p>This tutorial will give step-by-step instructions for using the graph of the function <m>f($variable) = <evaluate forceSymbolic function="$f" input="$variable" /></m> to iterate the dynamical system
+        <md>
+          <mrow>$(variable)_{n+1} \amp = <evaluate forceSymbolic function="$f" input="$(variable)_n" /></mrow>
+          <mrow>$(variable)_0 \amp = $x0.</mrow>
+        </md>
+        </p>
+      </case>
+      <case condition="$step = 1">
+        <p>The first step is to create a point for the initial condition <m>$(variable)_0 = $x0</m>.</p>
+      </case>
+      <case condition="$step = 2">
+          <p>We want to graphically apply the function to the initial condition <m>$(variable)_0 = $x0</m> to determine the value of <m>f($(variable)_0).</m> </p>
+          
+          <p>For this step, we'll draw a vertical line through the initial condition which will intersect the graph of the function at <m>f($(variable)_0)</m>. </p>
+      </case>
+      <case condition="$step = 3"> 
+          <p>The value of <m>$(variable)_1 = f($(variable)_0)</m> is where the vertical line intersects the graph of the function.  We'll draw a horizontal line at that height and place a point where it hits the <m>y</m>-axis to read the value of <m>$(variable)_1</m> off the <m>y</m>-axis.</p>
+      </case>
+      <case condition="$step = 4">
+        <p>Now that we know that <m>$(variable)_1 = $x1</m>, we can repeat the previous steps to calculate <m>$(variable)_2 = f($(variable)_1)</m>.</p>
+
+        <p>So far, we have the value of <m>$(variable)_1</m> shown by a point on the <m>y</m>-axis.  In this step, we'll translate the value of <m>$(variable)_1</m> into a point on the <m>x</m>-axis.</p>
+        
+      </case>
+      <case condition="$step = 5">
+        <p>To estimate the value of <m>$(variable)_2 = f($(variable)_1)</m>, draw a vertical line through the point <m>($x1,0)</m> to see where it intersects the graph of the function.</p>
+      </case>
+      <case condition="$step=6">
+        <p>We need to determine the height of the function where the vertical line through <m>($x1,0)</m> hits the graph of the function.  This height will be the value of <m>$(variable)_2</m>.</p>
+        
+        <p>We'll draw a horizontal line and a point along the <m>y</m>-axis to determine this height.</p>
+      </case>
+      <case condition="$step=7">
+
+        <p>The graph is getting a bit busy, so we won't keep going to <m>$(variable)_3</m> or beyond with drawing all these lines.</p>
+
+        <p>Here, you can just get a gimpse of the simpler strategy we'll use to iterate the system more efficiently.</p>
+
+      </case>
+    </conditionalContent>
+
+  </aside>
+  <aside boxed collapsible="false">
+    <title>Instructions</title>
+
+    <conditionalContent maximumNumberToShow="1">
+      <case condition="$step = 0">
+
+        <p>Click Next to begin.</p>
+
+      </case>
+      <case condition="$step = 1">
+        <conditionalContent maximumNumberToShow="1">
+          <case condition="$nPoints = 0">
+            <p>Click 
+              <updateValue name="addPoint1" target="nPoints" newValue="1" >
+                <label>add point</label>
+              </updateValue>
+              to create a point for the initial condition.</p>
+          </case>
+          <case condition="not $P1Placed">
+            <p>Now move the point to the <m>x</m>-axis and the location of the initial condition <m>$(variable)_0=$x0</m>.</p>
+          </case>
+          <else>
+            <p>Great!  We'll use the Results panel to keep track of the values of <m>$(variable)_n</m>.  It now shows that <m>$(variable)_0=$x0</m>.</p>
+            
+            <p>Click Next to move on to the next step.</p>
+          </else>
+        </conditionalContent>
+      </case>
+      <case condition="$step = 2">
+        <conditionalContent maximumNumberToShow="1">
+          <case condition="$nVlines = 0" >
+            <p>Click
+            <updateValue name="addVline1" target="nVlines" newValue="1" >
+              <label>add vertical line</label>
+            </updateValue>
+            to create the line.</p>
+          </case>
+          <case condition="not $v1Placed" >
+            <p>Move the line to <m>$variable=$x0</m>. </p>
+          </case>
+          <else>
+            <p>Line is in place.  Click Next to continue.</p>
+          </else>
+        </conditionalContent>
+
+      </case>
+      <case condition="$step = 3">
+        <conditionalContent maximumNumberToShow="1">
+          <case condition="$nHlines = 0" >
+            <p>Click 
+              <updateValue name="addHline1" target="nHlines" newValue="1" >
+                <label>add horizontal line</label>
+              </updateValue>
+            to create the line.</p>
+          </case>
+
+          <case condition="not $h1Placed">
+            <p>Move the line to the height of <m>f($(variable)_0).</m></p>
+          </case>
+
+          <case condition="$nPoints < 2">
+            <p>The horizontal line is in place. Click
+              <updateValue name="addPoint2"  target="nPoints" newValue="2" >
+                <label>add point</label>
+              </updateValue>
+             to create a point.</p>
+          </case>
+
+          <case condition="not $P2Placed">
+            <p>Move that point to where the horizontal line intersects the <m>y</m>-axis.</p>
+          </case>
+
+          <else>
+            <p>Good job! The coordinates of that point are <m>(0, $(variable)_1) = (0,$x1)</m>. The value <m>$(variable)_1=$x1</m> now appears in the results.</p>
+            
+            <p>Click Next to move on to the next step.</p>
+          </else>
+        </conditionalContent>
+
+      </case>
+      <case condition="$step = 4">
+        <conditionalContent maximumNumberToShow="1">
+          <case condition="$nPoints = 2" >
+            <p>Click
+              <updateValue name="addPoint3" target="nPoints" newValue="3" >
+                <label>add point</label>
+              </updateValue>
+            to create a point.</p>
+          </case>
+          <case condition="not $P3Placed">
+            <p>Move the point to the location <m>($x1,0)</m>, which is on the <m>x</m>-axis.</p>
+          </case>
+          <else>
+            <p>Way to go!  Now we're set to estimate the value of <m>f($(variable)_1)</m>.  Click Next to continue.</p>
+          </else>
+        </conditionalContent>
+        
+      </case>
+
+      <case condition="$step=5">
+        <conditionalContent maximumNumberToShow="1">
+          <case condition="$nVlines = 1" >
+            <p>Click
+              <updateValue name="addVline2" target="nVlines" newValue="2" >
+                <label>add vertical line</label>
+              </updateValue>
+            to create a vertical line.</p>
+          </case>
+          <case condition="not $v2Placed">
+            <p>Move the line so it goes through the point <m>($x1,0)</m>.</p>
+          </case>
+          <else>
+            <p>Making progress! Click Next to move on to the next step.</p>
+          </else>
+        </conditionalContent>
+      </case>
+
+      <case condition="$step=6">
+        <conditionalContent maximumNumberToShow="1">
+          <case condition="$nHlines = 1" >
+            <p>Click 
+              <updateValue name="addHline2" target="nHlines" newValue="2" >
+                <label>add horizontal line</label>
+              </updateValue>
+              to create a horizontal line.</p>
+          </case>
+          <case condition="not $h2Placed">
+            <p>Move the line to the point where the vertical line through <m>($x1,0)</m> intersects the function.</p>
+          </case>
+          <case condition="$nPoints = 3">
+            <p>The line is where we want it.  Now, create a point by clicking
+              <updateValue name="addPoint4" target="nPoints" newValue="4" >
+                <label>add point</label>
+              </updateValue>.</p>
+          </case>
+          <case condition="not $P4Placed">
+            <p>Move the point to where that horizontal line crosses the <m>y</m>-axis.</p>
+          </case>
+          <else>
+            <p>Awesome! The coordinates of that point are <m>(0, $(variable)_2) = (0,$x2)</m>. We added <m>$(variable)_2=$x2</m> to the results.</p>
+            <p>Click Next to continue.</p>
+          </else>
+        </conditionalContent>
+      </case>
+
+      <case condition="$step=7">
+        <conditionalContent maximumNumberToShow="1">
+          <case condition="not $previewShortcut" >
+            <p>Click this 
+              <triggerSet name="shortcutButton">
+                <label>preview shortcut</label>
+                <updateValue target="flashShortcut" newValue="true" type="boolean" />
+                <updateValue target="previewShortcut" newValue="true" type="boolean" /> 
+              </triggerSet>
+              button to reveal the shortcut on the graph.</p>
+          </case>
+          <else>
+            <p>Congratulations, you've finished this introductory tutorial on cobwebbing!</p>
+          </else>
+        </conditionalContent>
+
+      </case>
+
+    </conditionalContent>
+
+    <triggerSet name="resetTutorial" disabled="$step = 0">
+      <label>Reset tutorial</label>
+
+      <updateValue target="step" newValue="0" />
+      <updateValue target="nPoints" newValue="0" />
+      <updateValue target="nHlines" newValue="0" />
+      <updateValue target="nVlines" newValue="0" />
+      <updateValue target="P1coords" newValue="($initX, $initY)" />
+      <updateValue target="P2coords" newValue="($initX, $initY)" />
+      <updateValue target="P3coords" newValue="($initX, $initY)" />
+      <updateValue target="P4coords" newValue="($initX, $initY)" />
+      <updateValue target="pv11coords" newValue="(0,0)" />
+      <updateValue target="pv12coords" newValue="(0,1)" />
+      <updateValue target="pv21coords" newValue="(0,0)" />
+      <updateValue target="pv22coords" newValue="(0,1)" />
+      <updateValue target="ph11coords" newValue="(0,0)" />
+      <updateValue target="ph12coords" newValue="(1,0)" />
+      <updateValue target="ph21coords" newValue="(0,0)" />
+      <updateValue target="ph22coords" newValue="(1,0)" />
+      <updateValue target="P1StyleNum" newValue="1" />
+      <updateValue target="P2StyleNum" newValue="1" />
+      <updateValue target="P3StyleNum" newValue="1" />
+      <updateValue target="P4StyleNum" newValue="1" />
+      <updateValue target="v1StyleNum" newValue="1" />
+      <updateValue target="v2StyleNum" newValue="1" />
+      <updateValue target="h1StyleNum" newValue="1" />
+      <updateValue target="h2StyleNum" newValue="1" />
+      <updateValue target="previewShortcut" newValue="false" type="boolean" />
+      <updateValue target="stepCompleted" newValue="0" />
+    </triggerSet>
+    <callAction triggerWith="resetTutorial" target="ans" actionName="submitAnswer" />
+    
+    <updateValue name="next" disabled="$stepCompleted < $step" target="step" newValue="$step+1">
+      <label>Next</label>
+    </updateValue>
+    <callAction triggerWith="next" target="ans" actionName="submitAnswer" />
+
+    <answer name="ans" hide weight="$answerWeight">
+      <award credit="$stepCompleted/6"><when>true</when></award>
+    </answer>
+
+
+  </aside>
+
+  </sideBySide>
+
+</module>
diff --git a/packages/test-cypress/media/bafkreiewuu4vpro2d3vxm3wmclbsgzcsdsswhmtfcrqq7m6datze2tiwu4.doenet b/packages/test-cypress/media/bafkreiewuu4vpro2d3vxm3wmclbsgzcsdsswhmtfcrqq7m6datze2tiwu4.doenet
new file mode 100644
index 000000000..4fd34e13a
--- /dev/null
+++ b/packages/test-cypress/media/bafkreiewuu4vpro2d3vxm3wmclbsgzcsdsswhmtfcrqq7m6datze2tiwu4.doenet
@@ -0,0 +1 @@
+<number name="n">8.8537293749534271943</number>
diff --git a/packages/test-cypress/media/bafkreifbeoxzphrpufrirccso2l4rtqgbcgli2bhbdzmccaopj3u6fkmdy.doenet b/packages/test-cypress/media/bafkreifbeoxzphrpufrirccso2l4rtqgbcgli2bhbdzmccaopj3u6fkmdy.doenet
new file mode 100644
index 000000000..9178ec026
--- /dev/null
+++ b/packages/test-cypress/media/bafkreifbeoxzphrpufrirccso2l4rtqgbcgli2bhbdzmccaopj3u6fkmdy.doenet
@@ -0,0 +1,35 @@
+<p>Intended target: <text name="hi">Hello</text></p>
+
+<p>Five copies:
+  <copy source="hi" name="c1" />
+  <copy source="/hi" name="c2" />
+  <copy source="../hi" name="c3" />
+  <copy source="../../hi" name="c4" />
+  <copy source="../../../hi" name="c5" />
+</p>
+
+<section name="s" newNamespace><title>New namespace</title>
+  <p>Local target: <text name="hi">Hola</text></p>
+  <p>Copy of local: <copy source="hi" name="l1" /></p>
+  <p>Fives copies of base:
+    <copy source="/hi" name="c1" />
+    <copy source="../hi" name="c2" />
+    <copy source="../../hi" name="c3" />
+    <copy source="../../../hi" name="c4" />
+    <copy source="../../../../hi" name="c5" />
+  </p>
+
+  <subsection name="s" newNamespace><title>Another new namespace</title>
+    <p>Local target: <text name="hi">Marhaban</text></p>
+    <p>Copy of local: <copy source="hi" name="l1" /></p>
+    <p>Copy of middle: <copy source="../hi" name="m1" /></p>
+    <p>Fives copies of base:
+      <copy source="/hi" name="c1" />
+      <copy source="../../hi" name="c2" />
+      <copy source="../../../hi" name="c3" />
+      <copy source="../../../../hi" name="c4" />
+      <copy source="../../../../../hi" name="c5" />
+    </p>
+  </subsection>
+
+</section>
\ No newline at end of file
diff --git a/packages/test-cypress/media/bafkreifgmyjuw4m6odukznenshkyfupp3egx6ep3jgnlo747d6s5v7nznu.doenet b/packages/test-cypress/media/bafkreifgmyjuw4m6odukznenshkyfupp3egx6ep3jgnlo747d6s5v7nznu.doenet
new file mode 100644
index 000000000..afc5adebd
--- /dev/null
+++ b/packages/test-cypress/media/bafkreifgmyjuw4m6odukznenshkyfupp3egx6ep3jgnlo747d6s5v7nznu.doenet
@@ -0,0 +1,34 @@
+<problem>
+  <title>Animal sounds</title>
+
+  <variantControl nvariants="4" variantNames="cat dog mouse fish"/>
+  
+  <select assignNames="(animal sound)" hide>
+    <option selectForVariantNames="cat">
+      <text>cat</text><text>meow</text>
+    </option>
+    <option selectForVariantNames="dog">
+      <text>dog</text><text>woof</text>
+    </option>
+    <option selectForVariantNames="mouse">
+      <text>mouse</text><text>squeak</text>
+    </option>
+    <option selectForVariantNames="fish">
+      <text>fish</text><text>blub</text>
+    </option>
+  </select>
+  
+  <p>What does the $animal say?</p>
+  <answer name="ans">
+    <choiceinput randomizeOrder>
+    <choice credit="$animal=cat" >meow</choice>
+    <choice credit="$animal=dog" >woof</choice>
+    <choice credit="$animal=mouse" >squeak</choice>
+    <choice credit="$animal=fish" >blub</choice>
+    </choiceinput>
+  </answer>
+  
+  <feedback condition="$ans=$sound"><p>That's right, the $animal goes $sound!</p></feedback>
+  <feedback condition="$ans!=$sound"><p>Try again.</p></feedback>
+
+</problem>
diff --git a/packages/test-cypress/media/bafkreighf6sivfiy44rjw6ogye222eugueeg2lxuijobo4bvyyjxxceaqy.doenet b/packages/test-cypress/media/bafkreighf6sivfiy44rjw6ogye222eugueeg2lxuijobo4bvyyjxxceaqy.doenet
new file mode 100644
index 000000000..8b88ef5e2
--- /dev/null
+++ b/packages/test-cypress/media/bafkreighf6sivfiy44rjw6ogye222eugueeg2lxuijobo4bvyyjxxceaqy.doenet
@@ -0,0 +1,68 @@
+<module name="cobwebApplet">
+  <setup>
+    <customAttribute componentType="function" attribute="function" defaultValue="x(4-x)" assignNames="f" />
+    <customAttribute componentType="number" attribute="x0" defaultValue="1" assignNames="x0" />
+    <customAttribute componentType="number" attribute="initialInitialValue" defaultValue="0" assignNames="initialInitialValue" />
+    <customAttribute componentType="number" attribute="initialValueDx" defaultValue="0.5" assignNames="initialValueDx" />
+    <customAttribute componentType="number" attribute="initialValueOffset" defaultValue="0" assignNames="initialValueOffset" />
+    <customAttribute componentType="number" attribute="numIterationsRequired" defaultValue="0" assignNames="numIterationsRequired" />
+    <customAttribute componentType="_componentSize" attribute="width" defaultValue="300px" assignNames="width" />
+    <customAttribute componentType="number" attribute="aspectRatio" defaultValue="1" assignNames="aspectRatio" />
+    <customAttribute componentType="number" attribute="xmin" defaultValue="-10" assignNames="xmin" />
+    <customAttribute componentType="number" attribute="xmax" defaultValue="10" assignNames="xmax" />
+    <customAttribute componentType="number" attribute="ymin" defaultValue="-10" assignNames="ymin" />
+    <customAttribute componentType="number" attribute="ymax" defaultValue="10" assignNames="ymax" />
+    <customAttribute componentType="boolean" attribute="showNavigation" defaultValue="true" assignNames="showNavigation" />
+    <customAttribute componentType="number" attribute="attractThreshold" defaultValue="0.5" assignNames="attractThreshold" />
+    <customAttribute componentType="math" attribute="variable" defaultValue="x" assignNames="variable" />
+    <customAttribute componentType="math" attribute="timeVariable" defaultValue="n" assignNames="timeVariable" />
+    <customAttribute componentType="boolean" attribute="showCalculatedValues" defaultValue="true" assignNames="showCalculatedValues" />
+    <customAttribute componentType="text" attribute="grid" defaultValue="none" assignNames="grid" />
+    <customAttribute componentType="point" attribute="defaultPoint" defaultValue="" assignNames="defaultPoint" />
+  </setup>
+
+  <setup>
+    <number name="numPoints">1</number>
+    <number name="zeroFixed" fixed>0</number>
+    <point x="$(initialInitialValue{link='false'})" y="$zeroFixed" name="initialPoint" hide>
+      <constraints>
+        <constrainToGrid dx="$initialValueDx" xoffset="$initialValueOffset" />
+      </constraints>
+    </point>
+
+    <boolean name="initialCorrect">$initialPoint = ($x0,0)</boolean>
+    <copy prop="fractionCorrectVerticesAdjusted" source="cobwebPolyline" assignNames="fractionCorrectCobweb" />
+  </setup>
+
+  <updateValue name="addLine" target="numPoints" newValue="$numPoints+1" type="number" >
+    <label>Add line</label>
+  </updateValue>
+  <updateValue name="deleteLine" target="numPoints" newValue="$numPoints-1" type="number" disabled="$numPoints <= 1" >
+    <label>Delete line</label>
+  </updateValue>
+
+  <graph width="$width" aspectRatio="$aspectRatio" xmin="$xmin" xmax="$xmax" ymin="$ymin" ymax="$ymax" showNavigation="$showNavigation" identicalAxisScales grid="$grid">
+    <xlabel>$(variable)_$timeVariable"</xlabel>
+    <ylabel>$(variable)_{$timeVariable+1}</ylabel>
+    <cobwebpolyline function="$f" numPoints="$numPoints" name="cobwebPolyline" initialPoint="$initialPoint" numIterationsRequired="$numIterationsRequired" attractThreshold="$attractThreshold" variable="$variable" defaultPoint="$defaultPoint" />
+  </graph>
+
+  <aside hide="not $showCalculatedValues" name="calculatedValue">
+    <title>Calculated values</title>
+
+    <md>
+    <map>
+      <template>
+        <mrow>
+          $(variable)_{<number>$i-1</number>} \amp = $(x{displayDigits="5"})
+        </mrow>
+      </template>
+      <sources alias="x" indexAlias="i">
+        <copy prop="iterateValues" source="cobwebPolyline" />
+      </sources>
+    </map>
+    </md>
+
+  </aside>
+
+</module>
diff --git a/packages/test-cypress/media/bafkreigqo7xagr2hyfacifhzyrlnzbrd3aqpgs2rvt5ednsm3qdbk7aduy.doenet b/packages/test-cypress/media/bafkreigqo7xagr2hyfacifhzyrlnzbrd3aqpgs2rvt5ednsm3qdbk7aduy.doenet
new file mode 100644
index 000000000..17d1e2596
--- /dev/null
+++ b/packages/test-cypress/media/bafkreigqo7xagr2hyfacifhzyrlnzbrd3aqpgs2rvt5ednsm3qdbk7aduy.doenet
@@ -0,0 +1,59 @@
+<section newNamespace name="s"><title>Outer</title>
+  <p>Intended target: <text name="hi">Hello</text></p>
+  
+  <p>Five copies:
+    <copy source="hi" name="c1" />
+    <copy source="/s/hi" name="c2" />
+    <copy source="../s/hi" name="c3" />
+    <copy source="../../s/hi" name="c4" />
+    <copy source="../../../s/hi" name="c5" />
+  </p>
+
+  <p name="pNoMatch">Four no matches:<copy source="/hi" name="nm1" /><copy source="../hi" name="nm2" /><copy source="../../hi" name="nm3" /><copy source="../../../hi" name="nm4" /></p>
+
+  <section name="s" newNamespace><title>New namespace</title>
+    <p>Local target: <text name="hi">Hola</text></p>
+    <p>Five copies of local: 
+      <copy source="hi" name="l1" />
+      <copy source="/s/s/hi" name="l2" />
+      <copy source="../s/hi" name="l3" />
+      <copy source="../../s/s/hi" name="l4" />
+      <copy source="../../../s/s/hi" name="l5" />
+    </p>
+    <p>Fives copies of base:
+      <copy source="/s/hi" name="c1" />
+      <copy source="../hi" name="c2" />
+      <copy source="../../s/hi" name="c3" />
+      <copy source="../../../s/hi" name="c4" />
+      <copy source="../../../../s/hi" name="c5" />
+    </p>
+    <p name="pNoMatch">Four no matches:<copy source="/hi" name="nm1" /><copy source="../../hi" name="nm2" /><copy source="../../../hi" name="nm3" /><copy source="../../../../hi" name="nm4" /></p>
+  
+    <subsection name="s" newNamespace><title>Another new namespace</title>
+      <p>Local target: <text name="hi">Marhaban</text></p>
+      <p>Five copies of local:
+        <copy source="hi" name="l1" />
+        <copy source="/s/s/s/hi" name="l2" />
+        <copy source="../s/hi" name="l3" />
+        <copy source="../../s/s/hi" name="l4" />
+        <copy source="../../../s/s/s/hi" name="l5" />
+      </p>
+      <p>Five copies of middle: 
+        <copy source="/s/s/hi" name="m1" />
+        <copy source="../hi" name="m2" />
+        <copy source="../../s/hi" name="m3" />
+        <copy source="../../../s/s/hi" name="m4" />
+        <copy source="../../../../s/s/hi" name="m5" />
+      </p>
+      <p>Fives copies of base:
+        <copy source="/s/hi" name="c1" />
+        <copy source="../../hi" name="c2" />
+        <copy source="../../../s/hi" name="c3" />
+        <copy source="../../../../s/hi" name="c4" />
+        <copy source="../../../../../s/hi" name="c5" />
+      </p>
+      <p name="pNoMatch">Four no matches:<copy source="/hi" name="nm1" /><copy source="../../../hi" name="nm2" /><copy source="../../../../hi" name="nm3" /><copy source="../../../../../hi" name="nm4" /></p>
+    </subsection>
+  
+  </section>
+</section>
\ No newline at end of file
diff --git a/packages/test-cypress/media/bafkreigvxxq2khrtoltaqfecscknot5jttw6mtfp5j4bmfwsyufxh6aav4.doenet b/packages/test-cypress/media/bafkreigvxxq2khrtoltaqfecscknot5jttw6mtfp5j4bmfwsyufxh6aav4.doenet
new file mode 100644
index 000000000..e7fdc43c7
--- /dev/null
+++ b/packages/test-cypress/media/bafkreigvxxq2khrtoltaqfecscknot5jttw6mtfp5j4bmfwsyufxh6aav4.doenet
@@ -0,0 +1,31 @@
+<module>
+  <setup>
+    <customAttribute componentType="text" attribute="title" defaultValue="Find point" assignNames="title" />
+    <customAttribute componentType="math" attribute="initialx" defaultValue="0" assignNames="initialx" />
+    <customAttribute componentType="math" attribute="initialy" defaultValue="0" assignNames="initialy" />
+    <customAttribute componentType="math" attribute="goalx" defaultValue="3" assignNames="goalx" />
+    <customAttribute componentType="math" attribute="goaly" defaultValue="4" assignNames="goaly" />
+    <customAttribute componentType="text" attribute="size" defaultValue="medium" assignNames="size" />
+    <customAttribute componentType="number" attribute="aspectRatio" defaultValue="1" assignNames="aspectRatio" />
+  </setup>
+
+  <problem name="prob"><title>$title</title>
+
+    <p>Move the point to <m>($goalx, $goaly)</m>.</p>
+    <graph size="$size" aspectRatio="$aspectRatio">
+      <point x="$(initialx{link='false'})" y="$(initialy{link='false'})" name="P">
+        <constraints>
+          <attractTo><point x="$goalx" y="$goaly" ></point></attractTo>
+        </constraints>
+      </point>
+    </graph>
+
+    <answer name="ans">
+      <award sourcesAreResponses="P">
+        <when>
+          $P = ($goalx, $goaly)
+        </when>
+      </award>
+    </answer>
+  </problem>
+</module>
\ No newline at end of file
diff --git a/packages/test-cypress/vite.config.ts b/packages/test-cypress/vite.config.ts
index 76f610e84..870ae88ca 100644
--- a/packages/test-cypress/vite.config.ts
+++ b/packages/test-cypress/vite.config.ts
@@ -28,6 +28,10 @@ export default defineConfig({
                     ),
                     dest: "fonts/",
                 },
+                {
+                    src: "./media/*",
+                    dest: "media/",
+                },
             ],
         }),
     ],
diff --git a/packages/test-viewer/vite.config.ts b/packages/test-viewer/vite.config.ts
index 76f610e84..870ae88ca 100644
--- a/packages/test-viewer/vite.config.ts
+++ b/packages/test-viewer/vite.config.ts
@@ -28,6 +28,10 @@ export default defineConfig({
                     ),
                     dest: "fonts/",
                 },
+                {
+                    src: "./media/*",
+                    dest: "media/",
+                },
             ],
         }),
     ],