前进到下一折点并使其在地图中闪烁。 上箭头键 返回到上一折点。 返回到上一折点并使其在地图中闪烁。 Shift + 单击 选择包含行。 选择您单击的第一行与最后一行之间的所有行。...1 当地图框处于活动状态时,可在布局上缩放和平移。 地图导航 可使用以下键盘快捷键在地图视图中导航。...左键拖动 - 平移单击左键 - 弹出滚动滚轮 - 缩放单击并拖动滚轮 - 倾斜和旋转(在 3D 中)右键拖动 - 持续缩放在使用其他工具进行居中并放大或居中操作时,请分别按下 C+Shift 或 C+Ctrl...左键拖动 - 平移 单击左键 - 弹出 滚动滚轮 - 缩放 单击并拖动滚轮 - 倾斜和旋转(在 3D 中) 右键拖动 - 持续缩放 在使用其他工具进行居中并放大或居中操作时,请分别按下 C+Shift...立体地图导航 用于立体地图导航的键盘快捷键 键盘快捷键 操作 注释 Ctrl+Alt+S 激活选择工具。 Ctrl+Alt+C 激活浏览工具。 单击并拖动 平移地图。
前篇介绍了,使用 Newbe.Pct 之前的准备工作。本篇将开始介绍如何使用本项目运行第一个测试用例。 阅前语 从本篇开始,读者将会接触到使用一些代码。希望读者不必纠结于语法本身。...读者可以在查看过本篇的总体介绍,体验项目本身的所提供的功能,再来决定是否要学习语法。 下载模板 Web E2E 自动化测试实际上是通过编写脚本对浏览器进行自动控制实现的。因此编写代码是必不可少的。...建立页面模型 本步骤,我们需要采用Typescript语言将测试过程中需要操作的页面元素进行定义。...编写步骤 本步骤,我们需要采用 Typescript 语言编写测试步骤。 在项目模板的stepdefinitions文件夹下,新建文件使用必应搜索Newbe相关的内容.ts。...读者可以使用 Chrome 浏览器打开查看报告。 总结 至此,读者已经成功体验了如何使用本框架,以及本项目所提供的功能。下篇,将针对 feature 文件进行更加细致的说明。
上一篇文章的示例如下: describe('测试百度搜索', function () { it('测试protractor官网会不会出现在第一个搜索结果中', async function...在实际情况中,自动化测试的逻辑会很复杂。...TypeScript 现在TypeScript很流行,我们不妨来用用看。可以享受到面向对象、类型检查和编码提示等好处。...这里的ts-node读者可能没见过,它可以让ts文件在node上运行,详情见官网。...": "^5.1.2", "ts-node": "^3.0.6", "typescript": "^2.3.4" } } tsconfig.json 代码运行在node中,因此可以大胆使用es2017。
既然你已经知道如何使用 Jenkins X 和一个简单的 Spring Boot 应用程序,让我们来看看如何通过一个更实际的示例使其工作。...我相信这是一个真实应用程序的很好的例子,因为它有许多单元和集成测试,包括与 Protractor 的端到端测试。让我们看看如何使用 Jenkins X 和 Kubernetes 自动化生产路径!...下面是使用方法: 在 Google Cloud Shell 上运行 jx console,以获取 Jenkins X 网址 单击该链接,登录,然后单击顶部的 Administration 单击 Credentials...在 Jenkins X 中运行 Protractor 测试 对我来说,弄清楚如何在 Jenkins X 中运行端到端测试是最难的。...如果你希望在 Jenkins X 上看到项目的 Protractor 测试运行,则需要修改 crypto-pwa/test/protractor.conf.js 以指定以下内容 chromeOptions
在“将资源添加到库”对话框中,选择位于左下角的“RPTools”选项卡。这列出了RPTools服务器上所有可用的免费艺术包、标记和地图等。单击可下载并导入。...默认情况下,MapTool不显示栅格,因此转到“地图”菜单并选择“调整栅格”。这将显示MapTool的网格线,您的目标是使MapTool的网格线与绘制在地图图形上的网格线对齐。...单击并拖动以将地图工具的栅格与地图的栅格对齐。 如果地图没有栅格,并且希望栅格在调整后保持可见,请转到“视图”菜单并选择“显示栅格”。...在出现的“新建标记”对话框中,为标记命名并将其设置为NPC或PC,然后单击“确定”按钮。 一旦一个标记在地图上,试着移动它,看看它的移动是如何被控制到你指定的网格上的。...可以以矩形块、椭圆、多边形、菱形和徒手画形状显示地图的各个部分。选定形状后,在地图上单击并释放,拖动它以定义要显示的区域,然后再次单击。
需要对影像进行视觉比较,以了解该湖泊的形状是如何随时间变化的。 右键单击 Lake Poyang 图层,然后选择缩放至图层。 鄱阳湖的大部分水域比较狭长,从长江向南延伸。...将使用卷帘工具并排比较图像。 单击2001 年 6 月.tif图层以将其选中。在应用程序顶部的功能区上,单击"外观"选项卡。在"比较"组中,单击"卷帘"。 将指针移到地图上时,指针将变为箭头。...沿箭头指向的方向拖动地图。所选图层将隐藏于拖动指针的地方。 现在可以比较两个影像了。 将卷帘工具前后拖动(或上下拖动)时,可以看见大部分的变化发生在湖泊的南部和东部。...单击May 2014.tif图层以将其选中。使用卷帘工具将 2014 年的图像与 2001 年的图像进行比较。 该湖似乎经历了额外的表面积损失,主要是在其南部和西部。...从视觉上看,很明显,在1984年至2014年期间,湖泊已经减少(至少在雨季,当时所有三张照片都被拍摄),尽管确切的数量尚不清楚。 在功能区的地图选项卡的导航组中,单击浏览按钮退出轻扫模式。
使用以下命令在 GKE(Google Kubernetes Engine)上创建集群。你可能必须为你的帐户启用 GKE。...我相信这是一个真实应用程序的很好的例子,因为它有许多单元和集成测试,包括与 Protractor 的端到端测试。让我们看看如何使用 Jenkins X 和 Kubernetes 自动化生产路径!...下面是使用方法: 在 Google Cloud Shell 上运行 jx console,以获取 Jenkins X 网址 单击该链接,登录,然后单击顶部的 Administration 单击 Credentials...在 Jenkins X 中运行 Protractor 测试 对我来说,弄清楚如何在 Jenkins X 中运行端到端测试是最难的。...如果你希望在 Jenkins X 上看到项目的 Protractor 测试运行,则需要修改 crypto-pwa/test/protractor.conf.js 以指定以下内容 chromeOptions
本文的目的就是基于TypeScript开发构建一个angualr应用,使用angualr cli可以选择工程的风格。 在本章的 末尾,你可以理解CLI的开发以及开发完整应用的样例。...使用--open 选项会自动开启浏览器并访问http://localhost:4200 可以看到下面的信息: 第四步,编辑angular组件 cli创建了angualr组件,应用组件被命名为app=root...,可以在....{ts,html,css,spec.ts} 通过html模板定义app,是应用基础组件 app/app.module.ts 描述如何定义应用 assets/* 用来放置图片和部署应用时需要的资源 environments...Protractor测试配置文件 readme.md 工程基本的信息 tsconfig.json TypeScript编译配置 tslint.json TSLint配置
}); }); 这里,我们使用全局的 element 函数和 by 对象,它们也是 protractor 创建的函数,element 函数用来在页面中定位 HTML 元素,函数返回一个 ElementFinder...可以通过这个对象与页面元素进行交互或者获取信息。在这个测试中,我们使用了 sendKeys 在 input 元素中输入内容,click 函数来模拟点击按钮,getText 获取元素的内容。...element 需要一个参数,一个选择器参数,用来描述如何找到元素,by 对象用来创建选择器,这里我们使用了三种类型的选择器。...在配置文件中,我们可以配置使用什么浏览器,如何连接到 Selenium 服务器等等,先改变一下我们使用的服务器。...capabilities 对象描述了测试使用的浏览器。各种配置参数,参见:the reference config file. 还可以同时在多个浏览器上运行测试,例如。
jasmine是一套通用的测试框架,除了Angular之外,也有广泛引用;Karma是Angular专用的用于管理测试配置等的框架,让测试代码方便的在指定浏览器执行;另外,根据喜好,也可以选择 Mocha...端到端测试(e2e):基于protractor。protractor是Angular专用的e2e框架。 什么是Karma? 在Angular中有什么作用?...Karma是用于在浏览器环境中针对测试代码执行源代码的工具。 它支持在为其配置的每个浏览器中运行测试。 同时将结果显示在命令行和浏览器上,或者输入标准格式的报表,供开发人员检查哪些测试通过或失败。...与单元测试不同,在单元测试中,我们测试各个功能,而在这里,我们测试整个逻辑。 protractor能够填写表格,单击按钮,并确认预期的数据和样式显示在HTML文档中。...Angular UT的最佳实践 在beforeEach() 中初始化使用到的上下文; describe(),it() 中的描述要清晰。
本项目是基于github上优秀的开源项目protractor-cucumber-typescript 本土化改造,使之更加适用于国内的中小型测试团队。...名称Pct,即选取 protractor-cucumber-typescript 三个单词的首字母。欢迎使用者在使用本项目的同时,也能为原项目点赞。...适用场景 中小型测试团队,认为自动化测试存在一定必要性 独立全栈开发者 主要优势 能够使用BDD的方式,管理你的测试用例 能够利用TypeSciprt这种强类型语言进行编写,利于项目本身的可维护性 能够在...Chrome、Firefox和IE等主流浏览器上运行你的测试用例 必备知识 本项目要求对以下这些关键词或知识有一定程度的了解,具备这些能够使读者在使用时以至于举步维艰。...但是,假如读者愿意在使用中不断学习,不断投入时间,那么这些将不是难题: 控制台基本操作:cd命令 学过一门编程语言,具备基础编程知识 HTML css选择器 至少会做这些题目 教程链接 Newbe.Pct
本教程将介绍 EE Explorer 应用程序的使用,包括: 如何在数据目录中查找数据 向工作区添加数据 界面功能说明 如何定制数据可视化 本教程的目标是让您能够使用 EE Explorer,激发您发现和查看新数据...要更改地图背景,请使用地图右上角的按钮选择地图视图或卫星视图。选择地图视图时,地图按钮下方将出现一个复选框,用于打开/关闭地形而不是路线图视图。...我们在这个例子中使用的 MODIS 数据只有中等分辨率(每个像素在一边是 500 米;请注意,这个 MODIS 数据使用正弦投影,当显示在地理画布上时会产生平行四边形像素)。...通过拖动时间滑块或单击日期单元格来更改数据显示的日期。请注意,地图将根据这些操作自动更新。 要返回更远的时间,或选择特定日期范围,请单击时间滑块下方的跳转到日期链接,然后使用日历界面选择日期。...尝试选择不同的季节以查看地图的更显着变化。 选择要使用的日期范围后,单击“保存”按钮保存图层设置。如果您希望返回之前的设置,请单击取消按钮。如果不保存就关闭图层设置,图层显示属性将恢复到以前的状态。
我不会涉及的: 如何概念化和脚本化您的视频,或如何添加配音或音乐。这些元素显然很重要,但今天我们不在这里谈论。各位请注意! 我们将使用一个虚构的Slack风格的产品(我们称之为Quack)为本教程。...使播放头(较大的蓝色,向下的箭头,您可以像在视频上一样从第二个标记拖动到左侧)为零,单击不透明度左侧的秒表,然后通过键入将值设置为0%它或单击并拖动标记直到其达到零。 ?...缩放 你也有两个选择。您可以使用变换句柄保持位移,单击并将边界框的右下角拖动到正确的比例。第二个选项是在“时间轴”的“转换”卷展栏中使用Scale(“ 缩放”)属性,并将该值设置为大约25%。...(专业提示:使用键盘上的J和K在图层上的关键帧之间向前和向后跳过。)...导入logo.psd,你早就学会了如何做,并把它放到我们的composition。将其拖出屏幕,并在其他元素离开屏幕后在时间轴中的某处创建位置关键帧。
一、Overview angular 入坑记录的笔记第一篇,完成开发环境的搭建,以及如何通过 angular cli 来创建第一个 angular 应用。...全局安装 Angular CLI ## 在电脑上以全局安装的方式安装 angular cli npm install -g @angular/cli ?...angular 应用 ng new my-app 常用命令参数 options 解释 --force 强制覆盖现有文件 --skipInstall 创建项目时跳过 npm install 命令 --strict 在代码中使用更严格的...typescript 编译选项 ?...- protractor 测试工具配置文件 tsconfig.json - 继承于工作空间根目录的 typescript 配置文件 src - 工作空间 1 最外层根项目的源代码路径
前期写文章推荐过在Power BI中使用SVG着色地图,该种类型的地图可以方便的显示数据标签: 还可以切片切换区域: 但是,该方案有个重大功能缺失:不能下钻。...2.地理数据格式设置 ---- 在“制作报告”界面,选择地图组件,拖动到画布上: 在制作报告界面,需要将大区、省、市均转换为地图列。转换完成后,这三个字段右侧出现一个地球图标。...转换方式为单击字段右侧的省略号,选择“转换为地图列”。 省市的转换方式相同,如果是省份字段,地图范围选择中国,展示层级选择省,匹配数据需要点击下进行省份匹配。...因为前期已对地理位置进行层级设置,所以只需拖动大区字段。 默认是点渲染,在地标处下拉可以切换为区域渲染,即为着色地图。 系统内置了若干图案可以作为底纹,也可以自己导入图片设置为着色底纹。...,比方,省这一层级是着色地图,下一层级的市可以不是着色地图: 以上即是整个制作过程,这可以说是我目前使用最满意的着色地图。
例如我有一个元素这个元素是一个地图,这个地图元素支持拖动地图内容,就和小伙伴用高德地图一样的交互。...这两个行为是交互冲突的,当用户在地图元素上面拖动的时候,请问用户是想拖动地图元素还是想拖动地图 这部分行为就需要具体的业务定了,但是业务定下之后是否框架层能支持?...其实还是可以的,通过设计交互优先级可以解决此问题 假设当前的业务需求是用户在地图元素上面拖动的时候,应该拖动地图而不应该拖动元素 在上面的设计在有 Filter 和 ActiveMode 就可以解决此问题...而因为当前模式选择模式没有收到数据,也就不会拖动元素 所以只需要再定义一个 Filter 让这个 Filter 处理元素交互冲突问题就可以了 而又有另一个问题,用户如果是在地图元素上进行手势擦除呢。...假设当前业务需求是手势擦除优先,当前是手势擦除不要拖动地图 而手势擦除在软件层面其实也是移动,那么可以如何做,刚才的 Filter 已经判断了命中元素就激活了一个 NoMode 了 其实只需要引入 Filter
要添加图表标题,请在图表上单击,选择“ 布局”>“标签” |“图表标题” ,然后选择 “图表上方” 并输入标题“市场营销活动结果”。...为了使结果显示在图1中,我们还需要通过在图表上单击鼠标左键并将其拖动到所需位置来在工作表中移动图表。然后,我们可以通过单击图表的一个角并拖动角以更改尺寸来调整图表的大小,使其变小(或变大)。...为了确保长宽比(即长宽比)不变 ,在拖动角时按住Shift键很重要 。 如果要按品牌销售图表而不是按城市销售图表,则可以单击该图表,然后选择“ 设计”>“数据” |“切换行/列”。...这是通过选择“ 数字” 选项卡(也在“ 格式轴” 对话框中)并选择“ 数字” 类别,然后单击“ 使用1000分隔符(,)” 复选框并为“ 小数位数”输入0来实现的 。...图5 –散点图 如果要添加标签,请使用适当的区域名称在图表中的每个点上单击图表。这将弹出图5图表右上方所示的三个图标。单击 + 图标,然后单击Data Labels 图表元素选项的右侧 。
摘要:三维地图、预测工作表、引用外部数据查询、数据透视表更强大的功能改进、将Excel 表格发布到Office 365 Power BI实现数据的商业智能分析……Excel 2016在数据智能分析与展示上亮点多多...操作步骤: 1.在包含一列地理位置的数据表中,全选表中的数据,单击【插入】-【三维地图】-【打开三维地图】。 ? 2.单击【演示名称】,即可启动三维地图。 ?...在地址栏中输入网址,单击【确定】。 ? 4. 选择【Table 0】-【编辑】。 ? 5. 在弹出的窗口中可以调整删除列,留下我们需要的数据。单击要删除的列标,选择【删除】。 ? 6....5.检测完成,单击“关闭”。也可以单击“管理关系”查看表之间的关系。 ? 6.搜索框中输入“日期”,拖动“结算日期”到“行”字段中。 ?...7.单击【转至Power BI】。 ? 8.在【数据集】中单击导入的表格名称,在【可视化】中选择要插入的图表类型,例如【饼图】,并设置【图例】的值为【城市】,【值】为【营业面积】。 ?
一、前言 摄像机点位的功能主要是在图片地图和在线离线地图上设置对应摄像机的位置,然后双击可以实时预览对应摄像机的视频,在图片地图上拖动摄像机图标到对应位置,系统会自动保存位置信息,在网页地图上的摄像机位置...,需要异步更新,比如先从右侧选择需要更新位置的摄像机,然后在地图上鼠标按下,会自动传回当前位置的经纬度信息,然后单击更新设备位置按钮即可,会自动js异步更新执行代码,更新完成以后会自动同步到另外的地图,...在图片上移动位置保存这个功能很简单,但是在网页地图上,就需要用到js代码了,为此特意封装了一个js函数,专门负责添加设备点,总共10个参数,涵盖了各种情况,参数含义如下: name 表示标注点名称...封装了百度地图,视图切换,运动轨迹,设备点位,鼠标按下获取经纬度等。 支持图片地图,设备按钮可以在图片地图上自由拖动自动保存位置信息。 在百度地图和图片地图上,双击视频可以预览摄像头实时视频。...集成百度在线地图和离线地图,可以添加设备对应位置,自动生成地图,支持缩放和添加覆盖物等。 视频拖动到通道窗体外自动删除视频。 鼠标右键可删除当前+所有视频,截图当前+所有视频。
领取专属 10元无门槛券
手把手带您无忧上云