shipshapecode / shipshapecode/angular-shepherd
Add `attributes` on `StepOptionsButton`
未关闭
还没有人认领这个 Issue。
- 主要语言
- TypeScript
- 星标
- 238
- 派生
- 50
- 平均合并
- 1 分钟
- 30 天内合并 PR
- 9
描述
Hello !
I would like to be able to add a data-testid attribute on the generated buttons for the tour, in order to ease the E2E tests of my application.
My code would look like
const steps: Step.StepOptions[] = [
{
id: TourService.STEP_0_WELCOME,
text: `<h1>Welcome !</h1>
<div>Let us take you on a quick tour.</div>`,
buttons: [
{
classes: 'tour-button-secondary',
text: 'Skip tutorial',
attributes: {'data-testid', 'tutorial-button-skip'},
action: skip,
},
{
classes: 'tour-button-primary',
text: 'Next',
attributes: {'data-testid', 'tutorial-button-next'},
action: next,
},
],
},
}
Do you think this is a feature you could add ?
贡献指南
这个仓库没有索引到贡献指南
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
调研方向
首先定位 StepOptionsButton 入口点,并跟踪 tour 按钮的生成方式。确认请求的 attributes 选项应如何表示,然后确认步骤中提供的 data-testid 会出现在生成的按钮上,并且现有按钮行为保持不变。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- angular, typescript
- 领域
- frontend
- Issue 类型
- 功能
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 活跃度
- 停滞
- 描述清晰度
- 基本清楚
- 新手友好度
- 45/100