Ensure cell metadata properties are sorted in the diff view (with custom metadata)

[DonJayamanne]

Refs: microsoft/vscode#205634

• anyOS: @rebornix
• anyOS: @amunger

Complexity: 2

Authors: @DonJayamanne

Create Issue

---

Setup

• Install pre-release of Jupyter Extension
• Install Slide show and Cell tags extensions from here
  • https://artprodeus21.artifacts.visualstudio.com/A341001b6-62a6-4d7e-aa61-779aea3de100/a6d41577-0fa3-498e-af22-257312ff0545/_apis/artifact/cGlwZWxpbmVhcnRpZmFjdDovL21vbmFjb3Rvb2xzL3Byb2plY3RJZC9hNmQ0MTU3Ny0wZmEzLTQ5OGUtYWYyMi0yNTczMTJmZjA1NDUvYnVpbGRJZC8yNjM5MDYvYXJ0aWZhY3ROYW1lL2V4dGVuc2lvbg2/content?format=file&subPath=%2Fms-toolsai.vscode-jupyter-cell-tags.0.1.9.vsix
  • https://artprodeus21.artifacts.visualstudio.com/A341001b6-62a6-4d7e-aa61-779aea3de100/a6d41577-0fa3-498e-af22-257312ff0545/_apis/artifact/cGlwZWxpbmVhcnRpZmFjdDovL21vbmFjb3Rvb2xzL3Byb2plY3RJZC9hNmQ0MTU3Ny0wZmEzLTQ5OGUtYWYyMi0yNTczMTJmZjA1NDUvYnVpbGRJZC8yNjM5MDUvYXJ0aWZhY3ROYW1lL2V4dGVuc2lvbg2/content?format=file&subPath=%2Fms-toolsai.vscode-jupyter-slideshow.0.1.6.vsix
• Open a worksapce folder
• Add the following setting into user settings "jupyter.experimental.dropCustomMetadata": true,
• Reload VS Code

Steps

• Create a notebook file
• Add a cell and save it
• Add a cell tag (use command Add Cell Tag)
• Save the file
• Go into time time view and verify the new tag is visible
• Add a cell, then save that notebook and delete the cell and save the notebook again
• Add a slide type (use command Switch Slide Type)
• Save the notebook
• Go into time line view and view the diffs
• Verify the order of the metada in the diff view is slide and tags
• And verify you do not see misalignment of the properties as per the screenshot here Timeline diffview for latest item is incorrect due to sorting of properties in metadata #15402

Things to verify

• Properties in metadat are alphabetically sorted
• the words custom does not appear in the diff view for metadata

Test again:

• This time without the setting `"jupyter.experimental.dropCustomMetadata": true,``
• At this point, the words custom will appear