Feat replay noise reduction (#532)

* fix: init request url parse * fix: init request url parse * feat: exclusions noise reduce * feat: diff denoise check all * feat: excludeNoise * fix: controlled checkBox * fix: noiseItemList * feat: sort by entryPoint * fix: appId ReplayDiffScenes localStorage * feat: move denoise button to AppTitleBar * feat: hidden create app button for GUEST * fix: scale arex logo --------- Co-authored-by: onePone <[email protected]>
arextest · Nov 16, 2023 · 1141207 · 1141207
1 parent 47deb28
commit 1141207
Show file tree

Hide file tree

Showing 15 changed files with 298 additions and 147 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "arex",
   "private": true,
-  "version": "0.6.7",
+  "version": "0.6.8",
   "description": "",
   "homepage": "https://github.com/arextest/arex",
   "main": "index.js",

diff --git a/packages/arex-core/src/layout/ArexHeader.tsx b/packages/arex-core/src/layout/ArexHeader.tsx
@@ -61,7 +61,7 @@ const ArexHeader: FC<AppHeaderProps> = (props) => {
 
           <Typography.Text
             strong
-            style={{ lineHeight: '14px', fontSize: '8px', paddingLeft: '2px' }}
+            style={{ lineHeight: '14px', paddingLeft: '2px', transform: 'scale(0.7)' }}
           >
             AREX
           </Typography.Text>

diff --git a/packages/arex/package.json b/packages/arex/package.json
@@ -1,7 +1,7 @@
 {
   "name": "arex",
   "private": true,
-  "version": "0.6.7",
+  "version": "0.6.8",
   "author": "arextest",
   "main": "dist-electron/main.js",
   "files": [

diff --git a/packages/arex/src/i18n/locales/cn/components.json b/packages/arex/src/i18n/locales/cn/components.json
@@ -109,7 +109,8 @@
     "timeConsumed": "耗时(秒)",
     "cases": "case 数",
     "action": "操作",
-    "denoise": "差异降噪",
+    "denoise": "对比配置推荐",
+    "noDenoiseRecommended": "暂无对比配置推荐",
     "logs": "执行日志",
     "retry": "重新计算",
     "rerun": "重新执行",
@@ -202,13 +203,14 @@
     "compareConfig": "对比配置",
     "configType": "类型",
     "configTarget": "目标",
-    "nodesIgnore": "忽略节点配置",
-    "nodesSort": "数组节点配置",
-    "nodesDesensitization": "加密节点配置",
-    "categoryIgnore": "类型忽略配置",
+    "nodesIgnore": "忽略节点",
+    "nodesSort": "数组节点",
+    "nodesDesensitization": "加密节点",
+    "categoryIgnore": "类型忽略",
     "global": "全局",
     "interface": "接口",
     "dependency": "依赖",
+    "entryPoint": "主入口",
     "agentVersion": "Agent 版本",
     "agentHost": "Agent 地址",
     "basic": "基础",

diff --git a/packages/arex/src/i18n/locales/en/components.json b/packages/arex/src/i18n/locales/en/components.json
@@ -109,7 +109,8 @@
     "timeConsumed": "Time consumed(s)",
     "cases": "Cases",
     "action": "Action",
-    "denoise": "Diff Denoise",
+    "denoise": "Comparative Config Recommendation",
+    "noDenoiseRecommended": "No comparison configuration is recommended",
     "logs": "Execution Logs",
     "retry": "Retry",
     "rerun": "Rerun",
@@ -209,6 +210,7 @@
     "global": "Global",
     "interface": "Interfaces",
     "dependency": "Dependency",
+    "entryPoint": "EntryPoint",
     "agentVersion": "Agent Version",
     "agentHost": "Agent Host",
     "basic": "Basic",

diff --git a/packages/arex/src/menus/Replay.tsx b/packages/arex/src/menus/Replay.tsx
@@ -138,13 +138,16 @@ const ReplayMenu: ArexMenuFC = (props) => {
         selectedKeys={selectedKeys}
         prefix={
           <>
-            <TooltipButton
-              type='text'
-              size='small'
-              title={t('applicationsMenu.createApp')}
-              icon={<PlusOutlined />}
-              onClick={() => setOpen(true)}
-            />
+            {!email.startsWith('GUEST') && (
+              <TooltipButton
+                type='text'
+                size='small'
+                title={t('applicationsMenu.createApp')}
+                icon={<PlusOutlined />}
+                onClick={() => setOpen(true)}
+              />
+            )}
+
             <TooltipButton
               title={t('applicationsMenu.filterFavoriteApps')}
               icon={

diff --git a/packages/arex/src/panes/Replay/AppTitle.tsx b/packages/arex/src/panes/Replay/AppTitle.tsx
@@ -1,4 +1,4 @@
-import Icon, {
+import {
   CloseCircleOutlined,
   CodeOutlined,
   PlayCircleOutlined,
@@ -13,7 +13,6 @@ import {
   I18nextLng,
   Label,
   PanesTitle,
-  SmallTextButton,
   SpaceBetweenWrapper,
   styled,
   TooltipButton,
@@ -30,7 +29,6 @@ import {
   Form,
   Input,
   Modal,
-  Popconfirm,
   Popover,
   Select,
   Skeleton,
@@ -51,6 +49,7 @@ import React, {
 
 import { EMAIL_KEY, PanesType, TARGET_HOST_AUTOCOMPLETE_KEY } from '@/constant';
 import { useNavPane } from '@/hooks';
+import CompareNoise from '@/panes/Replay/CompareNoise';
 import RecordedCaseList, { RecordedCaseListRef } from '@/panes/Replay/RecordedCaseList';
 import { ApplicationService, ScheduleService } from '@/services';
 import { MessageMap } from '@/services/ScheduleService';
@@ -77,6 +76,7 @@ const TitleWrapper = styled(
     className?: string;
     title: ReactNode;
     count?: number;
+    readOnly?: boolean;
     onClickTitle?: () => void;
     onRefresh?: () => void;
     onSetting?: () => void;
@@ -129,6 +129,8 @@ const TitleWrapper = styled(
               <Button size='small' type='text' icon={<CodeOutlined />} />
             </Popover>
 
+            <CompareNoise appId={props.appId} readOnly={props.readOnly} />
+
             {props.onSetting && (
               <TooltipButton
                 id='arex-replay-app-setting-btn'
@@ -364,6 +366,7 @@ const AppTitle: FC<AppTitleProps> = ({
               appId={appId}
               planId={data?.planId}
               title={appTitle}
+              readOnly={readOnly}
               count={recordCount}
               onClickTitle={handleClickTitle}
               onRefresh={handleRefresh}