jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Highlight search terms in logs with yellow when highlight search setting is enabled

Browse Source 
Summary: Building on the previous diff which added a setting to enable/disable highlighting search terms in the logs. This diff adds the actual highlighting and connects with the setting. The highlighting currently only supports one color, while the next diff will seek to support a preset of a "custom" colors for the highlighting

Reviewed By: mweststrate

Differential Revision: D37348441

fbshipit-source-id: 7a2b74b16f239d5e36c213e06ccb86f74eaa8df5
This commit is contained in:
Feiyu Wong
2022-06-29 10:36:52 -07:00
committed by Facebook GitHub Bot
parent 24a314054e
commit 2f39ede6f7
6 changed files with 201 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
desktop/flipper-ui-core/src/chrome/__tests__/flipper_messages.node.tsx
View File

@@ -117,8 +117,9 @@ test('It can render rows', async () => {
});
});
expect((await renderer.findByText('unique-string')).parentElement)
.toMatchInlineSnapshot(`
expect(
(await renderer.findByText('unique-string')).parentElement?.parentElement,
).toMatchInlineSnapshot(`
<div
class="ant-dropdown-trigger css-1k3kr6b-TableBodyRowContainer e1luu51r1"
>
@@ -126,39 +127,76 @@ test('It can render rows', async () => {
class="css-12luweq-TableBodyColumnContainer e1luu51r0"
width="14%"
>
00:00:00.000
<span>
<span
class="css-1cfwmd7-Highlighted eiud9hg0"
/>
00:00:00.000
</span>
</div>
<div
class="css-12luweq-TableBodyColumnContainer e1luu51r0"
width="14%"
>
Android Phone
<span>
<span
class="css-1cfwmd7-Highlighted eiud9hg0"
/>
Android Phone
</span>
</div>
<div
class="css-12luweq-TableBodyColumnContainer e1luu51r0"
width="14%"
>
FB4A
<span>
<span
class="css-1cfwmd7-Highlighted eiud9hg0"
/>
FB4A
</span>
</div>
<div
class="css-12luweq-TableBodyColumnContainer e1luu51r0"
width="14%"
>
unique-string
<span>
<span
class="css-1cfwmd7-Highlighted eiud9hg0"
/>
unique-string
</span>
</div>
<div
class="css-12luweq-TableBodyColumnContainer e1luu51r0"
width="14%"
/>
<div
class="css-12luweq-TableBodyColumnContainer e1luu51r0"
width="14%"
/>
>
<span>
<span
class="css-1cfwmd7-Highlighted eiud9hg0"
/>
</span>
</div>
<div
class="css-12luweq-TableBodyColumnContainer e1luu51r0"
width="14%"
>
toClient:send
<span>
<span
class="css-1cfwmd7-Highlighted eiud9hg0"
/>
</span>
</div>
<div
class="css-12luweq-TableBodyColumnContainer e1luu51r0"
width="14%"
>
<span>
<span
class="css-1cfwmd7-Highlighted eiud9hg0"
/>
toClient:send
</span>
</div>
</div>
`);