Updated GraphiQL version to 4

Author: sadv1r

README.md

@@ -44,14 +44,14 @@ spring:
 <dependency>
     <groupId>ru.sadv1r.spring.graphql</groupId>
     <artifactId>graphql-voyager-spring-boot-starter</artifactId>
-    <version>0.7.0</version>
+    <version>0.8.0</version>
 </dependency>
 ```
 
 #### Gradle
 
 ```groovy
-implementation 'ru.sadv1r.spring.graphql:graphql-voyager-spring-boot-starter:0.7.0'
+implementation 'ru.sadv1r.spring.graphql:graphql-voyager-spring-boot-starter:0.8.0'
 ```
 
 ## Graph*i*QL
@@ -106,12 +106,12 @@ spring:
 <dependency>
     <groupId>ru.sadv1r.spring.graphql</groupId>
     <artifactId>graphql-graphiql-spring-boot-starter</artifactId>
-    <version>0.7.0</version>
+    <version>0.8.0</version>
 </dependency>
 ```
 
 #### Gradle
 
 ```groovy
-implementation 'ru.sadv1r.spring.graphql:graphql-graphiql-spring-boot-starter:0.7.0'
+implementation 'ru.sadv1r.spring.graphql:graphql-graphiql-spring-boot-starter:0.8.0'
 ```

build.gradle

@@ -13,7 +13,7 @@ ext {
 
 subprojects {
     group 'ru.sadv1r.spring.graphql'
-    version '0.7.0'
+    version '0.8.0'
 
     repositories {
         mavenCentral()

graphql-graphiql-spring-boot-starter/src/main/resources/templates/graphiql.html

@@ -18,13 +18,13 @@
     <script crossorigin th:src="|${cdnHost}/react@18/umd/react.production.min.js|"></script>
     <script crossorigin th:src="|${cdnHost}/react-dom@18/umd/react-dom.production.min.js|"></script>
 
-    <script th:src="|${cdnHost}/graphiql/graphiql.min.js|" type="application/javascript"></script>
-    <link rel="stylesheet" th:href="|${cdnHost}/graphiql/graphiql.min.css|"/>
+    <script th:src="|${cdnHost}/graphiql@4/graphiql.min.js|" type="application/javascript"></script>
+    <link rel="stylesheet" th:href="|${cdnHost}/graphiql@4/graphiql.min.css|"/>
 
     <script th:if="${plugins.contains(T(ru.sadv1r.spring.graphql.editor.graphiql.configuration.GraphiqlProperties.Plugin).EXPLORER)}"
-            crossorigin th:src="|${cdnHost}/@graphiql/plugin-explorer/dist/index.umd.js|"></script>
+            crossorigin th:src="|${cdnHost}/@graphiql/plugin-explorer@4/dist/index.umd.js|"></script>
     <link th:if="${plugins.contains(T(ru.sadv1r.spring.graphql.editor.graphiql.configuration.GraphiqlProperties.Plugin).EXPLORER)}"
-          rel="stylesheet" th:href="|${cdnHost}/@graphiql/plugin-explorer/dist/style.css|"/>
+          rel="stylesheet" th:href="|${cdnHost}/@graphiql/plugin-explorer@4/dist/style.css|"/>
 
     <link th:if="${stylePath}" rel="stylesheet" th:href="|${stylePath}|"/>
 </head>

samples/web-sample/build.gradle

@@ -11,7 +11,7 @@ dependencies {
     implementation project(':graphql-graphiql-spring-boot-starter')
 
     testImplementation 'org.springframework.boot:spring-boot-starter-test'
-    testImplementation 'com.microsoft.playwright:playwright:1.49.0'
+    testImplementation 'com.microsoft.playwright:playwright:1.53.0'
 }
 
 java {

samples/web-sample/src/test/java/org/springframework/graphql/editor/example/GraphQlEditorWebMvcExampleApplicationTest.java

@@ -52,16 +52,16 @@ void testGraphiQlSnapshot() {
                         .setPath(Paths.get("../../screenshots/webmvc-graphiql.png"))
         );
 
-        assertThat(page.getByTestId("graphiql-container")).matchesAriaSnapshot("""
+        assertThat(page.locator(".graphiql-container")).matchesAriaSnapshot("""
                 - button "Show Documentation Explorer":
-                  - img "docs icon"
+                  - img "icon"
                 - button "Show History"
                 - button "Show GraphiQL Explorer"
                 - button "Re-fetch GraphQL schema"
                 - button "Open short keys dialog"
                 - button "Open settings dialog"
                 - tablist "Select active operation"
-                - button "Add tab"
+                - button "New tab"
                 - link "GraphiQL":
                   - emphasis: i
                 - tabpanel:
@@ -70,7 +70,7 @@ void testGraphiQlSnapshot() {
                     - text: "query($id: ID!) { artifactRepository(id: $id) { name url } }"
                     - toolbar "Editor Commands":
                       - button "Execute query (Ctrl-Enter)":
-                        - img "play icon"
+                        - img "icon"
                       - button "Prettify query (Shift-Ctrl-P)"
                       - button "Merge fragments into query (Shift-Ctrl-M)"
                       - button "Copy query (Shift-Ctrl-C)"

samples/webflux-sample/build.gradle

@@ -11,7 +11,7 @@ dependencies {
     implementation project(':graphql-graphiql-spring-boot-starter')
 
     testImplementation 'org.springframework.boot:spring-boot-starter-test'
-    testImplementation 'com.microsoft.playwright:playwright:1.49.0'
+    testImplementation 'com.microsoft.playwright:playwright:1.53.0'
 }
 
 java {

samples/webflux-sample/src/test/java/org/springframework/graphql/editor/example/GraphQlEditorWebFluxExampleApplicationTest.java

@@ -52,16 +52,16 @@ void testGraphiQlSnapshot() {
                         .setPath(Paths.get("../../screenshots/webflux-graphiql.png"))
         );
 
-        assertThat(page.getByTestId("graphiql-container")).matchesAriaSnapshot("""
+        assertThat(page.locator(".graphiql-container")).matchesAriaSnapshot("""
                 - button "Show Documentation Explorer":
-                  - img "docs icon"
+                  - img "icon"
                 - button "Show History"
                 - button "Show GraphiQL Explorer"
                 - button "Re-fetch GraphQL schema"
                 - button "Open short keys dialog"
                 - button "Open settings dialog"
                 - tablist "Select active operation"
-                - button "Add tab"
+                - button "New tab"
                 - link "GraphiQL":
                   - emphasis: i
                 - tabpanel:
@@ -70,7 +70,7 @@ void testGraphiQlSnapshot() {
                     - text: "query($id: ID!) { artifactRepository(id: $id) { name url } }"
                     - toolbar "Editor Commands":
                       - button "Execute query (Ctrl-Enter)":
-                        - img "play icon"
+                        - img "icon"
                       - button "Prettify query (Shift-Ctrl-P)"
                       - button "Merge fragments into query (Shift-Ctrl-M)"
                       - button "Copy query (Shift-Ctrl-C)"