Skip to content

Commit

Permalink
ucfopen#2005 Added a 'Synchronize' button to the expanded module opti…
Browse files Browse the repository at this point in the history 
…ons menu.
  • Loading branch information
@FrenjaminBanklin
FrenjaminBanklin committed Apr 27, 2023
1 parent 3677b6a commit 49ca266
Show file tree
Hide file tree
Showing 6 changed files with 493 additions and 4 deletions.
368 changes: 366 additions & 2 deletions ...app/obojobo-repository/shared/components/__snapshots__/module-options-dialog.test.js.snap
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`ModuleOptionsDialog renders correctly with Full access level 1`] = `
exports[`ModuleOptionsDialog renders correctly with Full access level - not read-only 1`] = `
<div
className="module-options-dialog"
>
Expand Down Expand Up @@ -216,6 +216,204 @@ exports[`ModuleOptionsDialog renders correctly with Full access level 1`] = `
</div>
`;

exports[`ModuleOptionsDialog renders correctly with Full access level - read-only 1`] = `
<div
className="module-options-dialog"
>
<div
className="top-bar"
>
<div
className="repository--module-icon--image"
>
<img
height="100%"
src="/library/module-icon/mockDraftId"
width="100%"
/>
</div>
<div
className="module-title"
>
Mock Module Title
</div>
<button
aria-label="Close"
className="repository--button close-button"
onClick={[Function]}
>
×
</button>
</div>
<div
className="wrapper"
>
<h1
className="title"
>
Module Options
</h1>
<p>
Your Access Level:
Full
</p>
<div
className="buttons-with-labels"
>
<div
className="button-label-group"
>
<a
className="repository--button "
download={null}
href="/preview/mockDraftId"
target="_blank"
>
Preview
</a>
<div
className="label"
>
View with preview controls.
</div>
</div>
<div
className="button-label-group"
>
<button
className="repository--button "
onClick={[Function]}
>
Synchronize
</button>
<div
className="label"
>
Update this module with changes to the original.
</div>
</div>
<div
className="button-label-group"
>
<button
className="repository--button "
disabled={false}
onClick={[Function]}
>
Share
</button>
<div
className="label"
>
Add or remove collaborators.
</div>
</div>
<div
className="button-label-group"
>
<button
className="repository--button "
onClick={[Function]}
>
Assessment Stats
</button>
<div
className="label"
>
View scores by student.
</div>
</div>
<div
className="button-label-group"
>
<button
className="repository--button "
onClick={[Function]}
>
Manage Collections
</button>
<div
className="label"
>
Add to or remove from private collections.
</div>
</div>
<div
className="button-label-group"
>
<button
className="repository--button "
disabled={false}
onClick={[Function]}
>
Download JSON
</button>
<div
className="label"
>
Download a copy in JSON format.
</div>
</div>
<div
className="button-label-group"
>
<button
className="repository--button "
disabled={false}
onClick={[Function]}
>
Download XML
</button>
<div
className="label"
>
Download a copy in XML format.
</div>
</div>
<div
className="button-label-group"
>
<a
className="repository--button "
download={null}
href="/library/mockDraftId"
target="_blank"
>
Public Page
</a>
<div
className="label"
>
Visit this modules public page.
</div>
</div>
<div
className="button-label-group"
>
<button
className="repository--button dangerous-button delete-button"
disabled={false}
onClick={[Function]}
>
Delete
</button>
<div
className="label delete-label"
>
Say farewell.
</div>
</div>
</div>
<button
className="repository--button done-button secondary-button"
onClick={[Function]}
>
Close
</button>
</div>
</div>
`;

exports[`ModuleOptionsDialog renders correctly with Minimal access level 1`] = `
<div
className="module-options-dialog"
Expand Down Expand Up @@ -335,7 +533,7 @@ exports[`ModuleOptionsDialog renders correctly with Minimal access level 1`] = `
</div>
`;

exports[`ModuleOptionsDialog renders correctly with Partial access level 1`] = `
exports[`ModuleOptionsDialog renders correctly with Partial access level - not read-only 1`] = `
<div
className="module-options-dialog"
>
Expand Down Expand Up @@ -519,6 +717,172 @@ exports[`ModuleOptionsDialog renders correctly with Partial access level 1`] = `
</div>
`;

exports[`ModuleOptionsDialog renders correctly with Partial access level - read-only 1`] = `
<div
className="module-options-dialog"
>
<div
className="top-bar"
>
<div
className="repository--module-icon--image"
>
<img
height="100%"
src="/library/module-icon/mockDraftId"
width="100%"
/>
</div>
<div
className="module-title"
>
Mock Module Title
</div>
<button
aria-label="Close"
className="repository--button close-button"
onClick={[Function]}
>
×
</button>
</div>
<div
className="wrapper"
>
<h1
className="title"
>
Module Options
</h1>
<p>
Your Access Level:
Partial
</p>
<div
className="buttons-with-labels"
>
<div
className="button-label-group"
>
<a
className="repository--button "
download={null}
href="/preview/mockDraftId"
target="_blank"
>
Preview
</a>
<div
className="label"
>
View with preview controls.
</div>
</div>
<div
className="button-label-group"
>
<button
className="repository--button "
onClick={[Function]}
>
Synchronize
</button>
<div
className="label"
>
Update this module with changes to the original.
</div>
</div>
<div
className="button-label-group"
>
<button
className="repository--button "
onClick={[Function]}
>
Assessment Stats
</button>
<div
className="label"
>
View scores by student.
</div>
</div>
<div
className="button-label-group"
>
<button
className="repository--button "
onClick={[Function]}
>
Manage Collections
</button>
<div
className="label"
>
Add to or remove from private collections.
</div>
</div>
<div
className="button-label-group"
>
<button
className="repository--button "
disabled={false}
onClick={[Function]}
>
Download JSON
</button>
<div
className="label"
>
Download a copy in JSON format.
</div>
</div>
<div
className="button-label-group"
>
<button
className="repository--button "
disabled={false}
onClick={[Function]}
>
Download XML
</button>
<div
className="label"
>
Download a copy in XML format.
</div>
</div>
<div
className="button-label-group"
>
<a
className="repository--button "
download={null}
href="/library/mockDraftId"
target="_blank"
>
Public Page
</a>
<div
className="label"
>
Visit this modules public page.
</div>
</div>
</div>
<button
className="repository--button done-button secondary-button"
onClick={[Function]}
>
Close
</button>
</div>
</div>
`;

exports[`ModuleOptionsDialog renders correctly with standard expected props 1`] = `
<div
className="module-options-dialog"
Expand Down
Loading

0 comments on commit 49ca266

Please sign in to comment.