[BUG] The text's difference is not highlighted in the Preview Test Failure Message

[elaichenkov]

Context:

• Playwright Version: 1.20.0
• Browser: all
• Playwright Test for VSCode: v0.2.2

  System:
    OS: macOS 11.6.2
    Memory: 381.47 MB / 16.00 GB
  Binaries:
    Node: 15.12.0 - ~/.nvm/versions/node/v15.12.0/bin/node
    Yarn: 1.22.17 - ~/.nvm/versions/node/v15.12.0/bin/yarn
    npm: 7.6.3 - ~/.nvm/versions/node/v15.12.0/bin/npm
  Languages:
    Bash: 3.2.57 - /bin/bash

Description: I'd expect the same output as we have in the Debug console/Terminal.

Actual:

Expected:

Test example:

import { test, expect } from '@playwright/test';

test.describe('Google', async () => {
  test('should work', async ({ page }) => {
    await page.goto('https://google.com');
    await page.type('input[name=q]', 'playwright');
    await page.keyboard.press('Enter');

    await expect(page).toHaveURL('https://www.google.com/search?q=playwright');
  });
});