Swap the "Expected" and "Actual" tabs in the test results panel

[GoodbyeNJN]

Clear and concise description of the problem

As shown in the image, we generally uses the code expect(<actual>).toBe(<expected>) to define an assertion, while in the test results panel, "Expected" is on the left and "Actual" is on the right. In the meanwhile, the AssertionError message shows "Actual" before "Expected", and in the "Badge" (I'm not sure if this is the correct term) at the end of the line where the error occurs, "Actual" is also shown before "Expected".

I would like to swap the "Expected" and "Actual" tabs in the test results panel to maintain consistency with other information displays.

Suggested solution

Swap two tabs directly, or provide settings for the user to set which one is on the left and which one is on the right

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[sheremet-va]

I would recommend opening an issue in https://github.com/microsoft/vscode. The extension doesn't control how the diff is shown. I think it's a general diff view, maybe they can add an option to swap the order. All we do is this:

vscode.TestMessage.diff(error.message, error.expected, error.actual)