como definir pontos de interrupção do DOM no chrome

Estou tentando seguir o tutorialAqui.

Estou preso na seçãoPontos de interrupção do DOM (perto do fundo).

eu fui aosite de exemplo eles estão falando. Eu aperteictrl+mudança+i e navegou para a aba "elementos". Na aba de elementos eu encontrei a seguinte seção html:

<div id="profileCard" style="position: absolute; left: 403px; top: 135px; visibility: hidden; display: none; " class="goog-hovercard">
</div>

Agora estou preso tentando encontrar o menu de contexto:

Abra um menu de contexto no elemento #profileCard e selecione os eventos que deseja interromper: modificações de subárvore, modificações de atributos e remoção de nó

Aqui está uma captura de tela para mostrar onde estou:

questionAnswers(3)

yourAnswerToTheQuestion