test plan: gutenberg · test the process of navigating to the block, the left-side toolbar and its...
TRANSCRIPT
![Page 1: Test Plan: Gutenberg · Test the process of navigating to the block, the left-side toolbar and its move functionality, and the top toolbar including all functionality except the kebab](https://reader033.vdocuments.us/reader033/viewer/2022041817/5e5b98587953aa3d717adad0/html5/thumbnails/1.jpg)
TestPlan:Gutenberg
HeaderandHistory 2.........................................................................................................................PublishandUnpublish 3....................................................................................................................AddBlock 4........................................................................................................................................StructureandNavigaCon 5................................................................................................................ToolsandOpCons 6...........................................................................................................................DocumentPanel 7.............................................................................................................................BlockPanel 8.....................................................................................................................................TitleBlock 9.......................................................................................................................................BlockEdiCng 10.................................................................................................................................BlockOpCons 11................................................................................................................................BlockVariants 12...............................................................................................................................EmptyBlock 13..................................................................................................................................OutputMarkup 14.............................................................................................................................MediaDialog 15................................................................................................................................EditMedia 16....................................................................................................................................
![Page 2: Test Plan: Gutenberg · Test the process of navigating to the block, the left-side toolbar and its move functionality, and the top toolbar including all functionality except the kebab](https://reader033.vdocuments.us/reader033/viewer/2022041817/5e5b98587953aa3d717adad0/html5/thumbnails/2.jpg)
Header and Historyhttp://142.93.114.99/wp-admin/post.php?post=40&action=edit
Test the default header content without activating any controls. Also test the functionality of the Undo and Redo buttons.
Figure1:HeaderandHistory
![Page 3: Test Plan: Gutenberg · Test the process of navigating to the block, the left-side toolbar and its move functionality, and the top toolbar including all functionality except the kebab](https://reader033.vdocuments.us/reader033/viewer/2022041817/5e5b98587953aa3d717adad0/html5/thumbnails/3.jpg)
Publish and Unpublishhttp://142.93.114.99/wp-admin/post.php?post=7&action=edit
Press the “Publish…” button and test the content in the Publish panel, including all the content in disclo-sure regions, and the actions of publishing and unpublishing the post.
Figure2:PublishandUnpublish
![Page 4: Test Plan: Gutenberg · Test the process of navigating to the block, the left-side toolbar and its move functionality, and the top toolbar including all functionality except the kebab](https://reader033.vdocuments.us/reader033/viewer/2022041817/5e5b98587953aa3d717adad0/html5/thumbnails/4.jpg)
Add Blockhttp://142.93.114.99/wp-admin/post.php?post=40&action=edit
Test the content in the “Add block” popup, including the block search functionality, and the action of adding a block (but not adding or editing content within the block).
Figure3:AddBlock
![Page 5: Test Plan: Gutenberg · Test the process of navigating to the block, the left-side toolbar and its move functionality, and the top toolbar including all functionality except the kebab](https://reader033.vdocuments.us/reader033/viewer/2022041817/5e5b98587953aa3d717adad0/html5/thumbnails/5.jpg)
Structure and Navigationhttp://142.93.114.99/wp-admin/post.php?post=7&action=edit
Test the content in the “Content structure” and “Block Navigation” popups, including the action of navigat-ing to a block via each popup.
Figure4:StructureandNavigaBon
![Page 6: Test Plan: Gutenberg · Test the process of navigating to the block, the left-side toolbar and its move functionality, and the top toolbar including all functionality except the kebab](https://reader033.vdocuments.us/reader033/viewer/2022041817/5e5b98587953aa3d717adad0/html5/thumbnails/6.jpg)
Tools and Options http://142.93.114.99/wp-admin/post.php?post=40&action=edit
Test the content in the “Show more tools & options” popup, including the “Keyboard Shortcuts” and “Op-tions” popups. Also test the functionality of the “Settings” toggle button.
Figure5:ToolsandOpBons
![Page 7: Test Plan: Gutenberg · Test the process of navigating to the block, the left-side toolbar and its move functionality, and the top toolbar including all functionality except the kebab](https://reader033.vdocuments.us/reader033/viewer/2022041817/5e5b98587953aa3d717adad0/html5/thumbnails/7.jpg)
Document Panelhttp://142.93.114.99/wp-admin/post.php?post=7&action=edit
Test all content in the Document panel, including all the content in disclosure regions, the “Visibility” and “Publish date” popups, and the “Add New Category” functionality. Do not test “Move to trash” or the “Set featured image” functionality, and do not follow the Preview, “Learn more…” or “Calendar Help” links.
Figure6:DocumentPanel
![Page 8: Test Plan: Gutenberg · Test the process of navigating to the block, the left-side toolbar and its move functionality, and the top toolbar including all functionality except the kebab](https://reader033.vdocuments.us/reader033/viewer/2022041817/5e5b98587953aa3d717adad0/html5/thumbnails/8.jpg)
Block Panel http://142.93.114.99/wp-admin/post.php?post=67&action=edit
Test all content and functionality in the Block panel, including all content in disclosure regions, for three block types: Heading, Paragraph, and Image.
Figure7:BlockPanel
![Page 9: Test Plan: Gutenberg · Test the process of navigating to the block, the left-side toolbar and its move functionality, and the top toolbar including all functionality except the kebab](https://reader033.vdocuments.us/reader033/viewer/2022041817/5e5b98587953aa3d717adad0/html5/thumbnails/9.jpg)
Title Blockhttp://142.93.114.99/wp-admin/post.php?post=40&action=edit
Test all block content, including “Edit” permalink functionality.
Figure8:TitleBlock
![Page 10: Test Plan: Gutenberg · Test the process of navigating to the block, the left-side toolbar and its move functionality, and the top toolbar including all functionality except the kebab](https://reader033.vdocuments.us/reader033/viewer/2022041817/5e5b98587953aa3d717adad0/html5/thumbnails/10.jpg)
Block Editing http://142.93.114.99/wp-admin/post.php?post=67&action=edit
Test the process of navigating to the block, the left-side toolbar and its move functionality, and the top toolbar including all functionality except the kebab menu (i.e. test the “Change block type” functionality and the functionality of all the formatting controls, but do not test any of the content in the “More options” menu). Also test the process of navigating between the selected block and the Block panel on the right-hand side of the page (but do not test any content within the Block panel).
Figure9:BlockEdiBng
![Page 11: Test Plan: Gutenberg · Test the process of navigating to the block, the left-side toolbar and its move functionality, and the top toolbar including all functionality except the kebab](https://reader033.vdocuments.us/reader033/viewer/2022041817/5e5b98587953aa3d717adad0/html5/thumbnails/11.jpg)
Block Options http://142.93.114.99/wp-admin/post.php?post=67&action=edit
Test all the content and functionality in the “More options” menu, including the functionality of creating a reusable block, converting it back to a regular block, and removing a block from reusable blocks, and in-cluding switching between “Edit as HTML” and “Edit visually”. For the “Insert Before” and “Insert After” functionality, test the insertion functionality only, do not test anything in the block that’s inserted.
Figure10:BlockOpBons
![Page 12: Test Plan: Gutenberg · Test the process of navigating to the block, the left-side toolbar and its move functionality, and the top toolbar including all functionality except the kebab](https://reader033.vdocuments.us/reader033/viewer/2022041817/5e5b98587953aa3d717adad0/html5/thumbnails/12.jpg)
Block Variants http://142.93.114.99/wp-admin/post.php?post=67&action=edit
Test the following variants of block controls: the change URL functionality in the Button block, the rows and columns functionality in the Table block, the configuration controls in the Video block. Also keep an eye out for other unique block controls that may need to be tested in this component.
Figure11:BlockVariants
![Page 13: Test Plan: Gutenberg · Test the process of navigating to the block, the left-side toolbar and its move functionality, and the top toolbar including all functionality except the kebab](https://reader033.vdocuments.us/reader033/viewer/2022041817/5e5b98587953aa3d717adad0/html5/thumbnails/13.jpg)
Empty Blockhttp://142.93.114.99/wp-admin/post.php?post=40&action=edit
Test the process of navigating to and from the empty block, the default placeholder content, and the func-tionality of the three block type buttons on the right. Do not test the “Add block” popup.
Figure12:EmptyBlock
![Page 14: Test Plan: Gutenberg · Test the process of navigating to the block, the left-side toolbar and its move functionality, and the top toolbar including all functionality except the kebab](https://reader033.vdocuments.us/reader033/viewer/2022041817/5e5b98587953aa3d717adad0/html5/thumbnails/14.jpg)
Output Markup http://142.93.114.99/?p=19&preview=true
Test the semantics and interactivity of the output markup for a range of block types. Do not test the tem-plate header or sidebar content, only the post content. Ignore author-variant things in the test content (e.g. images with no alt text or videos with no captions) unless they’re things that are necessary but can-not be specified by the author at all. For embedded content like tweets, only test the embed code, not the resulting 3rd party code (e.g. test the code of iframes used for embeds but not the content of the iframes).
Figure13:OutputMarkup
![Page 15: Test Plan: Gutenberg · Test the process of navigating to the block, the left-side toolbar and its move functionality, and the top toolbar including all functionality except the kebab](https://reader033.vdocuments.us/reader033/viewer/2022041817/5e5b98587953aa3d717adad0/html5/thumbnails/15.jpg)
Media Dialog http://142.93.114.99/wp-admin/post.php?post=67&action=edit
Select the Image block and then click the “Edit image” button (pencil icon) to open the “Select or Upload Media” dialog. Test the process of opening and navigating to the dialog, all content and functionality within the “Upload Files” and “Media Library” tabs, and the process of inserting an image into the post. Do not test the “Edit Media” interface that opens when you click the “Edit Image” link within the “Media Library” tab.
Figure14:MediaDialog
![Page 16: Test Plan: Gutenberg · Test the process of navigating to the block, the left-side toolbar and its move functionality, and the top toolbar including all functionality except the kebab](https://reader033.vdocuments.us/reader033/viewer/2022041817/5e5b98587953aa3d717adad0/html5/thumbnails/16.jpg)
Edit Mediahttp://142.93.114.99/wp-admin/post.php?post=68&action=edit&image-editor
Test all content and functionality within the edit interface. Do not test the black WordPress header and sidebar, nor the “Screen Options” and “Help” controls at the top-right, nor the “Upload New Media” inter-face that opens when you press the “Add New” button.
Figure15:EditMedia