ASWI - Pokročilé softwarové inženýrství » ASWI 2024 » Zachycení scénáře průchodu webovou aplikací - VUŠ

Do storage.util.ts přidány metody na získání a uložení příznaku markFinalState z/do úložiště.

• tento příznak značí, zda následující událost kliknutí bereme jako označení cílového stavu.
• zároveň přidány metody pro seznam cílových stavů

click.listener.ts upraven tak, že vždy kontroluje, zda má příznak markFinalState hodnotu true.

• pokud ano, tak z elementu, na který bylo kliknuto, vytáhne všechny atributy a styly a odešle tuto informaci pomocí chrome.runtime.sendMessage
  • zároveň nastaví příznak markFinalState na false a zvýrazní kliknutý element na stránce
• pokud ne, chová se stejně jako běžný listener na uživatelské akce

app.component.ts pak poslouchá chrome.runtime.onMessage a pokud přijde zpráva s označením cílového stavu, zobrazí daný element do uživatelského rozhraní.

• do komponenty bylo přidáno základní zpracování cílového stavu, finální řešení ale bude vyžadovat vlastní komponenty, stránky atd.
• všechen kód, který se zabývá zpracováním cílového stavu je označen komentáři obsahujícími START: MARK FINAL STATE, resp. END: MARK FINAL STATE (ať už v komponentě nebo v šabloně), tento kód prosím vyjmout a použít (nebo se jím inspirovat) ve vlastních komponentách
• seznam cílových stavů je ukládán a načítán (obdobně jako vykonané akce) do/z úložiště

Do overview.component.ts přidáno tlačítko, které po kliknutí uloží příznak markFinalState s hodnotou true.

Do content-script.ts přidán listener na zprávu obsahující xPath.

• po přijmutí této zprávy zruší zvýraznění elementu s danou xPath