我正在使用 jest 来测试 React TypeScript 应用程序。
\n这是我正在运行的测试:
\nimport { render, screen } from \'@testing-library/react\'\nimport { toBeInTheDocument } from \'@testing-library/jest-dom\'\n\nimport ContextProvider from \'../../context/ContextProvider\'\nimport { BrowserRouter } from \'react-router-dom\'\nimport BlogPage from \'./BlogPage\'\n\ndescribe(\'BlogPage\', () => {\n\n test(\'Render blog page\', () => {\n render(\n <ContextProvider>\n <BrowserRouter>\n <BlogPage/>\n </BrowserRouter>\n </ContextProvider>\n )\n\n expect(screen.getByText(\'In this page you can see some of the last articles I wrote.\')).toBeInTheDocument()\n })\n\n})\nRun Code Online (Sandbox Code Playgroud)\n这是我收到的错误:
\nFAIL src/components/blogPage/BlogPage.test.js\n \xe2\x97\x8f Test suite failed to run\n\n Jest encountered an unexpected token\n\n Jest failed …Run Code Online (Sandbox Code Playgroud) 我在计算机上安装了fish shell,现在无法打开VS code终端。
当我尝试在 VS code 上打开终端时,出现以下错误:“终端进程无法启动:shell 可执行文件“/usr/bin/fish”的路径不存在。”
我从外部 VS code 打开终端没有任何问题。当我在其上输入 echo "$SHELL" 命令时,我得到/usr/bin/fish这正是 VS code 无法找到的路径。
我该如何解决这个问题?我用的是ubuntu。
在我的反应本机应用程序中,我有一个嵌套在抽屉导航器内的堆栈导航器。我希望在堆栈导航器页面中禁用抽屉。我正在使用反应导航 6。
\n在文档(https://reactnavigation.org/docs/drawer-navigator/#options)中,我看到有两个选项:gestureEnabled\xe2\x80\x8b和swipeEnabled\xe2\x80\x8b。但这些只能用于抽屉式屏幕,不能像我的情况那样用于堆叠式屏幕。
我的代码如下:
\nconst Stack = createNativeStackNavigator<RootStackParamList>();\nconst Drawer = createDrawerNavigator<RootTabParamList>();\n\nconst loginStack = () => (\n <Stack.Navigator>\n <Stack.Screen name="LandingScreen" component={LandingScreen} options={{ headerShown: false }} />\n <Stack.Screen name="LoginScreen" component={LoginScreen} options={{ headerShown: false }} />\n <Stack.Screen\n name="RegisterScreen"\n component={RegisterScreen}\n options={{ headerShown: false }}\n />\n </Stack.Navigator>\n);\n\nreturn (\n <NavigationContainer>\n <Drawer.Navigator\n screenOptions={{\n drawerStyle: { backgroundColor: \'white\' },\n drawerPosition: \'right\',\n }}\n >\n {!user ? (\n <Drawer.Screen\n name="PublicStack"\n component={loginStack}\n // options={{headerShown: false}}\n options={({ route }) => {\n const routeName …Run Code Online (Sandbox Code Playgroud) react-native react-navigation react-navigation-drawer react-navigation-stack react-navigation-v6
fish ×1
javascript ×1
jestjs ×1
react-native ×1
reactjs ×1
shell ×1
terminal ×1
testing ×1
unit-testing ×1