Skip to content

Commit 14e3416

Browse files
committed
test: adapt recent changes
1 parent bcf2e1b commit 14e3416

17 files changed

+31
-31
lines changed

playground/e2e/base.spec.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ test.describe('Base tests', () => {
4242

4343
test('should close when dragged down', async ({ page }) => {
4444
await openDrawer(page)
45-
await page.hover('[vaul-drawer]')
45+
await page.hover('[data-vaul-drawer]')
4646
await page.mouse.down()
4747
await page.mouse.move(0, 500)
4848
await page.mouse.up()
@@ -52,7 +52,7 @@ test.describe('Base tests', () => {
5252

5353
test('should not close when dragged up', async ({ page }) => {
5454
await openDrawer(page)
55-
await page.hover('[vaul-drawer]')
55+
await page.hover('[data-vaul-drawer]')
5656
await page.mouse.down()
5757
await page.mouse.move(0, -500)
5858
await page.mouse.up()

playground/e2e/direction.spec.ts

+8-8
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ test.describe('Direction tests', () => {
1010

1111
test('should close when dragged down', async ({ page }) => {
1212
await openDrawer(page)
13-
await page.hover('[vaul-drawer]')
13+
await page.hover('[data-vaul-drawer]')
1414
await page.mouse.down()
1515
await page.mouse.move(0, 600)
1616
await page.mouse.up()
@@ -20,7 +20,7 @@ test.describe('Direction tests', () => {
2020

2121
test('should not close when dragged up', async ({ page }) => {
2222
await openDrawer(page)
23-
await page.hover('[vaul-drawer]')
23+
await page.hover('[data-vaul-drawer]')
2424
await page.mouse.down()
2525
await page.mouse.move(0, -600)
2626
await page.mouse.up()
@@ -36,7 +36,7 @@ test.describe('Direction tests', () => {
3636

3737
test('should close when dragged left', async ({ page }) => {
3838
await openDrawer(page)
39-
await page.hover('[vaul-drawer]')
39+
await page.hover('[data-vaul-drawer]')
4040
await page.mouse.down()
4141
await page.mouse.move(200, 0)
4242
await page.mouse.up()
@@ -46,7 +46,7 @@ test.describe('Direction tests', () => {
4646

4747
test('should not close when dragged right', async ({ page }) => {
4848
await openDrawer(page)
49-
await page.hover('[vaul-drawer]')
49+
await page.hover('[data-vaul-drawer]')
5050
await page.mouse.down()
5151
await page.mouse.move(800, 0)
5252
await page.mouse.up()
@@ -62,7 +62,7 @@ test.describe('Direction tests', () => {
6262

6363
test('should close when dragged right', async ({ page }) => {
6464
await openDrawer(page)
65-
await page.hover('[vaul-drawer]')
65+
await page.hover('[data-vaul-drawer]')
6666
await page.mouse.down()
6767
await page.mouse.move(1200, 0)
6868
await page.mouse.up()
@@ -72,7 +72,7 @@ test.describe('Direction tests', () => {
7272

7373
test('should not close when dragged left', async ({ page }) => {
7474
await openDrawer(page)
75-
await page.hover('[vaul-drawer]')
75+
await page.hover('[data-vaul-drawer]')
7676
await page.mouse.down()
7777
await page.mouse.move(-1200, 0)
7878
await page.mouse.up()
@@ -88,7 +88,7 @@ test.describe('Direction tests', () => {
8888

8989
test('should close when dragged top', async ({ page }) => {
9090
await openDrawer(page)
91-
await page.hover('[vaul-drawer]')
91+
await page.hover('[data-vaul-drawer]')
9292
await page.mouse.down()
9393
await page.mouse.move(0, 100)
9494
await page.mouse.up()
@@ -98,7 +98,7 @@ test.describe('Direction tests', () => {
9898

9999
test('should not close when dragged down', async ({ page }) => {
100100
await openDrawer(page)
101-
await page.hover('[vaul-drawer]')
101+
await page.hover('[data-vaul-drawer]')
102102
await page.mouse.down()
103103
await page.mouse.move(0, 600)
104104
await page.mouse.up()

playground/e2e/initial-snap.spec.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ test.beforeEach(async ({ page }) => {
1313
// } as const
1414

1515
// const snapTo = async (page: Page, snapPointIndex: keyof typeof snapPointYPositions) => {
16-
// await page.hover('[vaul-drawer]')
16+
// await page.hover('[data-vaul-drawer]')
1717
// await page.mouse.down()
1818
// await page.mouse.move(0, snapPointYPositions[snapPointIndex])
1919
// await page.mouse.up()

playground/e2e/non-dismissible.spec.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ test.describe('Non-dismissible', () => {
1717

1818
test('should not close when dragged down', async ({ page }) => {
1919
await openDrawer(page)
20-
await page.hover('[vaul-drawer]')
20+
await page.hover('[data-vaul-drawer]')
2121
await page.mouse.down()
2222
await page.mouse.move(0, 800)
2323
await page.mouse.up()

playground/e2e/with-scaled-background.spec.ts

+6-6
Original file line numberDiff line numberDiff line change
@@ -7,26 +7,26 @@ test.beforeEach(async ({ page }) => {
77

88
test.describe('With scaled background', () => {
99
test('should scale background', async ({ page }) => {
10-
await expect(page.locator('[vaul-drawer-wrapper]')).not.toHaveCSS('transform', '')
10+
await expect(page.locator('[data-vaul-drawer-wrapper]')).not.toHaveCSS('transform', '')
1111

1212
await page.getByTestId('trigger').click()
1313

14-
await expect(page.locator('[vaul-drawer-wrapper]')).toHaveCSS('transform', /matrix/)
14+
await expect(page.locator('[data-vaul-drawer-wrapper]')).toHaveCSS('transform', /matrix/)
1515
})
1616

1717
test('should scale background when dragging', async ({ page }) => {
18-
await expect(page.locator('[vaul-drawer-wrapper]')).not.toHaveCSS('transform', '')
18+
await expect(page.locator('[data-vaul-drawer-wrapper]')).not.toHaveCSS('transform', '')
1919

2020
await openDrawer(page)
2121

22-
await page.hover('[vaul-drawer]')
22+
await page.hover('[data-vaul-drawer]')
2323
await page.mouse.down()
2424
await page.mouse.move(0, 100)
2525

26-
await expect(page.locator('[vaul-drawer-wrapper]')).toHaveCSS('transform', /matrix/)
26+
await expect(page.locator('[data-vaul-drawer-wrapper]')).toHaveCSS('transform', /matrix/)
2727

2828
await page.mouse.up()
2929

30-
await expect(page.locator('[vaul-drawer-wrapper]')).not.toHaveCSS('transform', '')
30+
await expect(page.locator('[data-vaul-drawer-wrapper]')).not.toHaveCSS('transform', '')
3131
})
3232
})

playground/e2e/without-scaled-background.spec.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,10 @@ test.beforeEach(async ({ page }) => {
66

77
test.describe('Without scaled background', () => {
88
test('should not scale background', async ({ page }) => {
9-
await expect(page.locator('[vaul-drawer-wrapper]')).not.toHaveCSS('transform', '')
9+
await expect(page.locator('[data-vaul-drawer-wrapper]')).not.toHaveCSS('transform', '')
1010

1111
await page.getByTestId('trigger').click()
1212

13-
await expect(page.locator('[vaul-drawer-wrapper]')).not.toHaveCSS('transform', '')
13+
await expect(page.locator('[data-vaul-drawer-wrapper]')).not.toHaveCSS('transform', '')
1414
})
1515
})

playground/src/views/HomeView.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import BackgroundTexture from '@/components/BackgroundTexture.vue'
44
</script>
55

66
<template>
7-
<main vaul-drawer-wrapper>
7+
<main data-vaul-drawer-wrapper>
88
<div class="relative">
99
<div
1010
aria-hidden="true"

playground/src/views/tests/ControlledView.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ const fullyControlled = ref<boolean>(false)
1717
<template>
1818
<div
1919
class="w-screen h-screen bg-white p-8 flex justify-center items-center"
20-
vaul-drawer-wrapper=""
20+
data-vaul-drawer-wrapper=""
2121
>
2222
<DrawerRoot :open="open">
2323
<DrawerTrigger as-child @click="open = true">

playground/src/views/tests/DirectionView.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ const direction = ref<DrawerDirection>(route.query.direction as DrawerDirection
1919
<template>
2020
<div
2121
class="w-screen h-screen bg-white p-8 flex justify-center items-center"
22-
vaul-drawer-wrapper=""
22+
data-vaul-drawer-wrapper=""
2323
>
2424
<DrawerRoot :direction="direction">
2525
<DrawerTrigger as-child>

playground/src/views/tests/InitialSnapView.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ const open = ref<boolean>(true)
1212
</script>
1313

1414
<template>
15-
<div class="w-screen h-screen bg-white p-8 flex justify-center items-center" vaul-drawer-wrapper="">
15+
<div class="w-screen h-screen bg-white p-8 flex justify-center items-center" data-vaul-drawer-wrapper="">
1616
<div data-testid="active-snap-index">
1717
{{ activeSnapPointIndex }}
1818
</div>

playground/src/views/tests/NestedDrawerView.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ const open = ref(false)
1515
</script>
1616

1717
<template>
18-
<div class="w-screen h-screen bg-white p-8 flex justify-center items-center" vaul-drawer-wrapper="">
18+
<div class="w-screen h-screen bg-white p-8 flex justify-center items-center" data-vaul-drawer-wrapper="">
1919
<DrawerRoot should-scale-background>
2020
<DrawerTrigger as-child>
2121
<button data-testid="trigger" class="text-2xl">

playground/src/views/tests/NoDragElementView.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import { DrawerContent, DrawerOverlay, DrawerPortal, DrawerRoot, DrawerTrigger }
55
<template>
66
<div
77
class="w-screen h-screen bg-white p-8 flex justify-center items-center"
8-
vaul-drawer-wrapper=""
8+
data-vaul-drawer-wrapper=""
99
>
1010
<DrawerRoot should-scale-background>
1111
<DrawerTrigger

playground/src/views/tests/NonDismissibleView.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ const open = ref<boolean>(false)
1515
<template>
1616
<div
1717
class="w-screen h-screen bg-white p-8 flex justify-center items-center"
18-
vaul-drawer-wrapper=""
18+
data-vaul-drawer-wrapper=""
1919
>
2020
<DrawerRoot v-model:open="open" :dismissible="false">
2121
<DrawerTrigger as-child>

playground/src/views/tests/ScrollableWithInputsView.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import { DrawerContent, DrawerOverlay, DrawerPortal, DrawerRoot, DrawerTrigger }
55
<template>
66
<div
77
class="w-screen h-screen bg-white p-8 flex justify-center items-center"
8-
vaul-drawer-wrapper=""
8+
data-vaul-drawer-wrapper=""
99
>
1010
<DrawerRoot>
1111
<DrawerTrigger as-child>

playground/src/views/tests/WithScaledBackgroundView.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import {
1010
</script>
1111

1212
<template>
13-
<div class="w-screen h-screen bg-white p-8 flex justify-center items-center" vaul-drawer-wrapper>
13+
<div class="w-screen h-screen bg-white p-8 flex justify-center items-center" data-vaul-drawer-wrapper>
1414
<DrawerRoot should-scale-background>
1515
<DrawerTrigger as-child>
1616
<button data-testid="trigger" class="text-2xl">

playground/src/views/tests/WithSnapPointsView.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ const open = ref<boolean>(false)
1414
<template>
1515
<div
1616
class="w-screen h-screen bg-white p-8 flex justify-center items-center"
17-
vaul-drawer-wrapper=""
17+
data-vaul-drawer-wrapper=""
1818
>
1919
<div data-testid="active-snap-index">
2020
{{ activeSnapPointIndex }}

playground/src/views/tests/WithoutScaledBackgroundView.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ const open = ref<boolean>(false)
1616
<template>
1717
<div
1818
class="w-screen h-screen bg-white p-8 flex justify-center items-center"
19-
vaul-drawer-wrapper=""
19+
data-vaul-drawer-wrapper=""
2020
>
2121
<DrawerRoot v-model:open="open">
2222
<DrawerTrigger as-child>

0 commit comments

Comments
 (0)