Andal.LND/frontend-app-authoring
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: switch Content Library XBlock preview to Studio

Browse Source 
edx-platform commit 7316111 (PR #35598) moved the XBlock embed view so
that it can be rendered on either LMS or Studio. This commit moves the
frontend to actually call the Studio endpoint. This will make Content
Library static asset display easier, because that view will only be made
available through Studio and not the LMS.
This commit is contained in:
David Ormsbee
2024-10-15 00:16:25 -04:00
parent ba8e3d448e
commit a1181f3d49
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/library-authoring/LibraryBlock/LibraryBlock.tsx
View File

@@ -20,7 +20,7 @@ interface LibraryBlockProps {
const LibraryBlock = ({ onBlockNotification, usageKey }: LibraryBlockProps) => {
const iframeRef = useRef<HTMLIFrameElement>(null);
const [iFrameHeight, setIFrameHeight] = useState(600);
const lmsBaseUrl = getConfig().LMS_BASE_URL;
const studioBaseUrl = getConfig().STUDIO_BASE_URL;
const intl = useIntl();
@@ -74,7 +74,7 @@ const LibraryBlock = ({ onBlockNotification, usageKey }: LibraryBlockProps) => {
<iframe
ref={iframeRef}
title={intl.formatMessage(messages.iframeTitle)}
src={`${lmsBaseUrl}/xblocks/v2/${usageKey}/embed/student_view/`}
src={`${studioBaseUrl}/xblocks/v2/${usageKey}/embed/student_view/`}
data-testid="block-preview"
style={{
width: '100%',

4
src/library-authoring/component-info/ComponentPreview.test.tsx
View File

@@ -15,7 +15,7 @@ describe('<ComponentPreview />', () => {
const usageKey = mockLibraryBlockMetadata.usageKeyPublished;
render(<ComponentPreview usageKey={usageKey} />);
const iframe = (await screen.findByTitle('Preview')) as HTMLIFrameElement;
expect(iframe.src).toEqual(`http://localhost:18000/xblocks/v2/${usageKey}/embed/student_view/`);
expect(iframe.src).toEqual(`http://localhost:18010/xblocks/v2/${usageKey}/embed/student_view/`);
});
it('shows an expanded preview of the component', async () => {
@@ -30,6 +30,6 @@ describe('<ComponentPreview />', () => {
const dialogIframe = dialog.querySelector('iframe')!;
expect(dialogIframe).not.toBeNull();
expect(dialogIframe).toHaveAttribute('title', 'Preview');
expect(dialogIframe.src).toEqual(`http://localhost:18000/xblocks/v2/${usageKey}/embed/student_view/`);
expect(dialogIframe.src).toEqual(`http://localhost:18010/xblocks/v2/${usageKey}/embed/student_view/`);
});
});