diff --git a/docs/assets/tutorials/dandi/create-dandiset.png b/docs/assets/tutorials/dandi/create-dandiset.png new file mode 100644 index 000000000..74a8e7793 Binary files /dev/null and b/docs/assets/tutorials/dandi/create-dandiset.png differ diff --git a/docs/tutorials/dataset_publication.rst b/docs/tutorials/dataset_publication.rst index 1dae64601..20cfb424a 100644 --- a/docs/tutorials/dataset_publication.rst +++ b/docs/tutorials/dataset_publication.rst @@ -60,7 +60,12 @@ Continue to the next page to trigger your upload to the DANDI Archive. Creating a Dandiset from the GUIDE ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ -If you do not already own a Dandiset on staging, you will need to create one. Press the Create New Dandiset button to open a pop-up that guides you through the required fields for Dandiset creation—particularly Title, Archive (in this case, Development Server), Description, and License. +If you do not already own a Dandiset on staging, you will need to create one. Press the Create New Dandiset button to open a pop-up that guides you through the required fields for Dandiset creation. + +.. figure:: ../assets/tutorials/dandi/create-dandiset.png + :align: center + :alt: Dandiset creation pop-up + Once this pop-up form is submitted, the Dandiset input will now contain your new Dandiset. diff --git a/tests/e2e/workflow.ts b/tests/e2e/workflow.ts index a084e2767..aa266a9b8 100644 --- a/tests/e2e/workflow.ts +++ b/tests/e2e/workflow.ts @@ -34,6 +34,24 @@ export const uploadToDandi = (subdirectory, forceSkip = false) => { await takeScreenshot(join(subdirectory, 'api-token-added'), 100) + + // Open dandiset creation modal + await evaluate(() => { + const dashboard = document.querySelector('nwb-dashboard') + const form = dashboard.page.form + const dandisetInput = form.getFormElement(['dandiset']) + const createDandiset = dandisetInput.controls[0] + createDandiset.onClick() + }) + + await takeScreenshot(join(subdirectory, 'create-dandiset'), 100) + + // Close modal + await evaluate(() => { + const modal = document.querySelector('nwb-modal') as any + modal.toggle(false) + }) + await evaluate(async (dandisetId) => { const dashboard = document.querySelector('nwb-dashboard') const page = dashboard.page